最新文章列表

AngularJS_2

1.AngularJS的工作流程: (1)浏览器载入HTML,然后把它解析成DOM (2)浏览器载入angularjs脚本 (3)AngularJS等到DOMContentLoaded事件触发 (4)AngularJS寻找ng-app指令,这个指令指示了应用的边界 (5)使用ng-app中指定的模块来配置注入器($injector) (6)注入器($injector)是用来创建“编译服务(compi ...
forever1121 评论(0) 有386人浏览 2014-09-01 09:05

AngularJS使用Socket.IO

        目前,web应用普遍被要求是实时web应用,即服务端的数据更新之后,应用能立即更新。以前使用的技术(例如polling)存在一些局限性,而且有时我们需要在客户端打开一个socket,然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库,它可以帮你实现以上功能。它使用了非常简单的、基于事件的API,让你可以开发实时web应用。 ...
bijian1013 评论(0) 有2909人浏览 2014-08-30 19:39

AngularJS与服务端协作及登录

        $http服务是AngularJS中的核心服务之一,我们可以扩展它,从而实现web应用中的各种常用需求,包括:         1.带有一个通用的错误处理点         2.处理授权和登录重定向         3.与那些无法理解或者返回JSON的服务端交互         4.通过JSONP与外部服务(指同一来源之外的)交互         所以,在这个例子中,我 ...
bijian1013 评论(0) 有3141人浏览 2014-08-30 19:37

AngularJS实现分页功能

        对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下,我们的数据会比较多,无法很好地显示在单个页面中。在这种情况下,我们需要把数据以页的方式来展示,同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求,那么把这一功能抽象成一个通用的、可复用的分页(Paginator)服务是很有意义的。         Paginator服务(一个很简单的实现)应 ...
bijian1013 评论(1) 有14654人浏览 2014-08-30 19:29

AngularJS封装jQuery-File-Upload

        在实际开发中,我们经常需要文件上传功能。一个很棒的例子是BlueImpd的File Upload控件(https://github.com/blueimp/jQuery-File-Upload),它使用了jQuery和jQuery UI(或者Bootstrap)。它们的API都非常简单,这也使指令变得非常简单。 directive.js angular.module('myA ...
bijian1013 评论(2) 有4706人浏览 2014-08-30 16:40

AngularJS Team List应用:过滤器和控制器的交互

        在这个例子中,我们将会通过实例展示如下两个主要的方面: 1.如何以一种优雅、简洁的方式把过滤器和迭代器联合起来使用? 2.如何使没有继承关系的控制器进行交互         应用本身很简单,其中的数据是关于各种体育运动的团队列表,例如篮球、足球(是美式足球,不是英式足球)和曲棍球。对于每一个团队,都有队名、城市、运行名称,以及该团队是否是推荐团队这几个字段。       ...
bijian1013 评论(0) 有1628人浏览 2014-08-30 00:41

AngularJS封装jQuery DateTimepicker

DateTimePickerDirective.js angular.module('myApp.directives',[]) .directive('datetimepicker', function() { return { //强制AngularJS把指令限定为只支持属性 restrict: 'A', //总是和ng-model配合使用 requ ...
bijian1013 评论(0) 有5421人浏览 2014-08-29 01:13

AngularJS封装jQuery Datepicker

        在开始编码之前,我们必须想好组件的外观和运行方式。例如,我们想在HTML中像下面这样定义datepicker: <input datepicker ng-model="currentDate" select="updateMyText(date)"></input>         也就是说,我们需要修改Inpu ...
bijian1013 评论(0) 有5115人浏览 2014-08-29 00:25

AngularJS_1

木有学习RESTful,实际上是看了2个小时之后发现什么都没看懂,突然意识到可能不是一个层次上的,所以就暂时把它搁浅了,转战AngularJS。 <!doctype html> <html  ng-app> <head>   <meta charset="UTF-8">   <title>Hello AngularJ ...
forever1121 评论(0) 有477人浏览 2014-08-28 19:42

one page application开发原则

     1 因为是单页面application,页面无刷新,意味着页面中所有的变量都不会变化,因此当变量变化后若下步执行其它预料外的动作:比如,点击修改,弹出修改框后。又点击其它的便签,则该变量因为值不变,修改框会持续显示。全部用angularjs控制即可,当跳转控制器后会销毁,后重新生成控制器       2 非angularjs的控制慎用,否则会各种未预期的错误,因为脱离了控制器的管理。 ...
vvsuperman 评论(0) 有744人浏览 2014-08-28 14:43

HTML无害化和Sanitize模块

一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题,它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML,然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子,假设我们有一个变量存在于myUnsafeHTMLContent作用域中。当HTML的内容如下时,O ...
bijian1013 评论(0) 有6727人浏览 2014-08-26 07:03

AngularJS中的$apply,用还是不用?

        在AngularJS开发中,何时应该调用$scope.$apply(),何时不应该调用。下面我们透彻地解释这个问题。         但是首先,让我们把$apply转换成一 ...
bijian1013 评论(0) 有1961人浏览 2014-08-26 07:03

AngularJS中的Promise

一.Promise         Promise是一个接口,它用来处理的对象具有这样的特点:在未来某一时刻(主要是异步调用)会从服务端返回或者被填充属性。其核 ...
bijian1013 评论(1) 有5129人浏览 2014-08-25 21:36

AngularJS校验用户输入

        Angular自动为<form>元素增加了一些很好用的特性,使其更适合开发单页面应用。其中一个特性是,Angular允许你为表单中的输入元素定义一个合法的状态,并且只有当所有元素是合法状态时才允许提交表单。         例如,创建一个新用户注册表单,要求必须输入用户名和邮件地址,但是年龄字段是可选的,在这些字段被提交到服务器之前我们可以校验这几个输入项。    ...
bijian1013 评论(0) 有2261人浏览 2014-08-25 21:35

酷酷的前端MVC框架AngularJS(二)HelloWorld

angularJS在github上面进行一个代码的托管 地址:https://github.com/angular/angularjs.org   注意:需要兼容IE8的同学请下载1.3之前的版本,在1.3之后已经放弃了I ...
247687009 评论(0) 有1501人浏览 2014-08-25 00:29

AngularJS中使用指令修改DOM

        指令扩展了HTML语法,同时它也是使用自定义的元素和属性把行为和DOM转换关联到一起的方式。通过这些指令,你可以创建可复用的UI组件,配 ...
bijian1013 评论(0) 有2344人浏览 2014-08-24 00:18

AngularJS中与服务器交互

        真正的应用需要和真实的服务器进行交互,无论你是想把数据持久化到云端,还是需要与其他用户进行实时交互,都需要让应用与服务器时进行交互。         为了实现这一点,Angular提供了一个叫做$http的服务。它提供了一个可扩展的抽象方法列表,使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式。它还包含了安全性支持,避免JSON格式的脆弱性和XSRF(跨站请 ...
bijian1013 评论(0) 有2240人浏览 2014-08-24 00:18

AngularJS中使用路由和$location切换视图

        虽然从技术上来说Ajax应用确实是单页面应用(即在第一个请求时加载一个HTML页面,后面只刷新DOM中的局部区域),但是很多时候,出于各种 ...
bijian1013 评论(0) 有2088人浏览 2014-08-24 00:17

AngularJS中使用过滤器格式化数据

        在Angular中,可以用过滤器来声明应该如何变换数据格式,然后再显示给用户,你只要在模板中使用一个插值变量即可。使用过滤器的语法是: {{ expression | filterName : parameter1 : ...parameterN }}         这里的表达式可以是任意的Angular表达式,fileName是你需要使用的过滤器名称,过滤器的多个参数之间 ...
bijian1013 评论(0) 有2006人浏览 2014-08-24 00:17

AngularJS操控CSS类和样式

        通过AngularJS可以在应用中动态地设置CSS类和样式,只要使用{{}}插值语法把它们进行数据绑定即可。甚至还可以在模板中构造CSS类名和部分匹配方式。         实例如下: ControllerCSS.html <html ng-app='myApp'> <head> <title>CSS实例</title> ...
bijian1013 评论(0) 有12319人浏览 2014-08-23 15:22

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics