AngularJs学习笔记

14820171220
1、ng-repeat：【angularJs的迭代器】：ng-repaet将会生成便签内的所有html元素的一份拷贝，包括存放指令的标签。可以通过 &index 返回当前引用的元素的序号，还可以通过 $first、$middle以及$last来查看当前元素是否为第一、中间、或最后的Boolean值。

2、区分UI和控制器的职责：

   1)、为应用中的模型设值初始化状态。

   2)、通过$scope对象把数据模型和函数暴露给视图(UI模板)。

   3)、监视模型其余部分的变化，并采取相应的动作。

3、控制器可以进行嵌套，子控制器的$scope对象可以访问父控制器$scope对象中的所有属性和函数。

4、利用$scope暴露模型函的数据：应用中有很多数据，只有通过$scope触及这些数据，Angular才会把它当成模型数据的一部分，可以将$scope理解为一个上下文环境，它让数据模型上的变化变的可以观察。
   
5、使用 $watch 监控模型的变化【$watch(watchFn , watchAction , deepWatch)】

   1)、watchFn：表达式或者函数的字符串，它会返回被监控的数据模型的当前值这个表达式会被执行很多次。

   2)、watchAction：一个函数或者表达式，当watchFn发生变化时会被调用，其函数签名为：function(newValue,oldValue,scope)。

   3)、deepWatch：一个可选参数，如果想监控素组中的元素，或者对象上的所有元素，那么就可以使用这个参数，不过需要注意运算负担。

   4)、$watch会返回一个函数，可以利用此函数注销监控，var logout = $watch(watchFn , watchAction , deepWatch); 调用注销函数：logout();

6、监控多个东西：当某个属性发生变化时会调用callMe(...)方法

   1)、监控把这些属性连接之后的值:【$watch(things.a+things.b, callMe(...));】

   2)、将他们放在一个数组或对象中，并给deepWatch传一个true值:【$watch('things', callMe(...),true);】

7、创建一个模型来支撑视图：var module = angular.module('app',['Itmes1','Itmes2']);【Itmes为模块接口】

8、使用过滤器格式化数据【{{expression | firstName : secondName : thirdName}}】,expression为任意的Angular表达式，...Name是需要过滤器的名称(可以是任何合法的Angular表达式)

   1)、例如：{{12.88 | currency}},显示结果为$12.88

9、