代码改变世界

angularJS之基础知识(三)

2013-09-05 23:30 by 小沈_syt, 497 阅读, 0 推荐, 收藏, 编辑
摘要:angular里面最重要的一点,那就是 双向数据绑定. 双向数据绑定,说的通俗易懂一点,就是界面元素内的数据与angularJS内的某个JS对象($scope,下面有该对象的讲解)的绑定,而我们改变这个$scope的值会立马改变该界面元素的数据;而改变界面元素内的数据直接改变$scope内的值。 ng-model 如何进行对象数据绑定?只需要在相应的HTML元素上使用ng-model指令即可进行数据绑定,如。绑定之后,该元素的数据会存放在$scope上,并且在angular中通过$scope.name可以获取该元素的数据,也可以通过$scope.name="aa"设置数据。 阅读全文

angularJS之基础知识(二)

2013-09-04 23:40 by 小沈_syt, 590 阅读, 0 推荐, 收藏, 编辑
摘要:我们来看一个DEMO,用于登陆,再根据代码来进行具体的分析 CSSClasses Name: pwd: 从上一篇博客,我们大致的了解都利用angularJS来创建一个app的大致过程,这里我们详细的讲解一下,需要用的几个方法。angular.module(name,modules,configFn); e.g. angular.module("loginModule",[]) 这个方法用于创建一个模块。而所有angular相关的代码处于这个模块之下... 阅读全文

angularJS之基础知识(一)

2013-09-03 22:26 by 小沈_syt, 714 阅读, 0 推荐, 收藏, 编辑
摘要:angularJS是google发布的一个基于javascript的MVVM框架,该框架与我们常用的jquery不同,两者的开发模式完全不一样。 jquery主要是简化了对DOM的操作以及事件绑定,但是依然还是直接操作DOM与事件绑定。 angularJS不在让用户操作DOM和事件,用于只需要关注JS与HTML的关系,并且实现HTML与JS的隔离,通过angularJS来实现粘合,我们可以把angularJS看出html与JS之间的胶水,sure,它可以是502,也可以使AB胶。 说到angularJS的模式,其实官网上叫MVC模式,但是这种模式和我们javaEE中的MVC模式不... 阅读全文

angularJS之$http:与服务器交互

2013-09-02 23:45 by 小沈_syt, 44423 阅读, 2 推荐, 收藏, 编辑
摘要:在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。 $http是angular中的一个核心服务,利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行交互。 $http的使用方式和jquery提供的$.ajax操作比较相同,均支持多种method的请求,get、post、put、delete等。 $http的各种方式的请求更趋近于rest风格。 在controller中可通过与$scope同样的方式获取$http对象,e.g. function controller($scope,$http){} 下面进行$htt... 阅读全文

angualrJS之表单验证

2013-09-01 23:04 by 小沈_syt, 1622 阅读, 1 推荐, 收藏, 编辑
摘要:首先看一个小DEMO,代码如下: CSSClasses Name: you must write Name Pwd : you must write pwd 运行效果如下: 1、虽然此处用了form表单,但是此处的form表单已经被angularJS进行处理,成为angularJS的命令,不再是HTML原生的表单,所以我们不需要写onsubmit来调用某个JS函数,而是通过angularJS的命名ng-submit来调用某个$scope对象上的方法。参考:http://docs.angularjs.org/api/ng.dire... 阅读全文