课题_Angular权威指南学习笔记

Angular权威指南学习笔记

第一章.初识Angular——Angular是MVW的Js框架。

第二章.数据绑定——ViewModel中不仅可以含有变量,还可以还有事件。可以通过事件来控制变量的值改变。视图绑定着VM中的变量和事件。

第三章.模块——可以使用angular.module()来声明模块。

如angular.module(…myApp‟,[])相当于Setter;angular.module(…myApp‟)相当于Getter。

第四章.作用域——作用:监听变化,通知变化,隔离数据,提供环境。

$scope的生命周期:

1.创建:当创建控制器和指令时。通过$inject创建新的作用域。并在新建控制器和指令运行时传进去。

2.链接:把作用域添加到自己的视图上,并创建事件,以便检测作用域变量的变化。

3.更新:每个子作用域会进行脏值检测。当检测到变化时,会回调指定的函数。

4.销毁:不使用的时间,销毁。

第五章.控制器——是可以嵌套的,所以作用域包含作用域。demo://http://www.360docs.net/doc/info-74367a9890c69ec3d4bb752c.html /URuyoG/1/edit

第六章.表达式——手动和自动解析。自动通过$digest.如{{}}。手动可以在控制器中控制,让表达式不按套路出牌。

$parse用来访问作用域的数据和函数。

第七章.过滤器——内置自带过滤器,自定义过滤器,表单验证。

1.

1.

1.内置过滤器的两种使用方法{{name|uppercase}}和$filter(…lowercase‟)(“ACb”)

2.时间过滤器{{ time | date:'y-MM-dd HH:mm:ss' }}2014-09-29 17:04:05

3.filter 后面可以跟字符串,对象,函数

{{ ['Ari','Lerner','Likes','To','Eat','Pizza'] | filter:'e' }}

{{ [{

'name': 'Ari',

'City': 'San Francisco',

'favorite food': 'Pizza'

},{

'name': 'Nate',

'City': 'San Francisco',

'favorite food': 'indian food'

}] | filter:{'favorite food': 'Pizza'} }}

4.通过过滤器对象转成json

var person={};

person.age=12;

http://www.360docs.net/doc/info-74367a9890c69ec3d4bb752c.html ="hehe";

var p=$filter('json')(person);

5.limitTo截取字符串,正从头开始负从尾开始。

6.number 保留n位小数

7.orderBy 下面的例子不仅给出了如何按对象的字段排序还给出了如何使用两个参数的过滤器。{{ [{

'name': 'Ari',

'status': 'awake'

},{

'name': 'Q',

'status': 'sleeping'

相关推荐
相关主题
热门推荐