AngularJs2

1.Angular 内容概要

Angular 指令 Angular 过滤器 Angular 数据传输 $watch 函数

2.Angular 指令

-AngularJS 通过被称为 指令 的新属性来扩展 HTML -通过内置的指令来为应用添加功能，内置指令带有前缀 ng- ng-app 指令启动一个AngularJS应用，它定义根元素 ng-init 指令初始化一个AngularJS应用程序的数据 ng-model 指令把元素值（输入域的值）绑定到应用程序 ng-repeat 指令重复html元素集合中的每个项目

更多内置指令： http://www.runoob.com/angularjs/angularjs-reference.html

3.Angular 指令

ng-app声明了div元素为根元素，从此处开始启动应用；

ng-init初始化属性name的值为tony；

ng-model将表单控件的值和当前作用域的属性进行绑定

4.Angular 过滤器

过滤器可用于转换数据 -使用一个管道符 | 添加到表达式和指令中

uppercase 过滤器将字符串格式化为大写

lowercase 过滤器将字符串格式化为小写

currency 过滤器将数字格式化为货币格式

orderBy 过滤器根据表达式排列数组

filter 过滤器从数组中选择一个子集

uppercase将字符串格式化为大写，lowercase将字符串格式化为小写

currency 过滤器将数字格式化为货币格式(默认为$符)

orderBy 过滤器根据表达式排列数组，设置orderBy:'age'表示按age的值升序排列，如为'-age'表示降序排列。

filter 过滤器从数组中选择一个子集根据用户输入的值过滤出数组中符合的子集展示出来

5.自定义过滤器：

AngularJs允许自定义过滤器， 通过 filter( ‘filtername’ , fn ) 方法定义 filtername为自定义过滤器名，fn为过滤器函数 具体实例请看：filter-demo.html

6.Angular 监听模型变化

$watch函数

当数据模型中某一部分发生变化时，$watch函数可以向你发出通知，你可以监控单个对象的属性，也可以监控需要经过计算的结果（函数）, $watch(watchFn, watchAction, deepWatch)

参数1 是一个表达式或者一个函数字符串

参数2 是一个函数或者表达式，当参数1发生变化时会被调用

参数3 可选，布尔型参数(ture)将会命令Angular去检查被监控 对象的每个属性是否发生了变化。

7.Angular 数据交互

$http服务 Angular中的核心服务$http，用于读取远程服务器的数据，它将ajax方法进行了简单的封装，打包成一个服务模块的形式，提供给开发者使用。

例: $http({ url:‘data.json’, method:‘GET’}).success().error();

例: $http.get( url , [data] ).success().error();

例: $http.post( url , [data] ).success().error();

例: $http.jsonp(”url ?callback=JSON_CALLBACK");

用$http对象的post方法请求json数据并发送一个信息

更多请参考：http://www.2cto.com/kf/201506/405137.html