1.ng-app=""; 指令初始化一个 AngularJS 应用程序，定义AngularJS的使用范围；
2.ng-init="变量＝值；变量＝值" 定义初始变量值，若有多个，分号隔开;
例如：ng-init="persion={first:1,last:2}" -> {{persion.first}} -> 1;
ng-init="persion=1;cost=5" -> {{persion}} -> 1
ng-init="persion=[1,15,19,2,40]" -> {{persion[2]}} -> 15
3.ng-model="变量"； 定义变量名，把元素值（比如输入域的值）绑定到应用程序
4.ng-bind="变量" 绑定 HTML 元素到应用程序数据，获取该变量的数据。这里的变量就是第3的变量，用{{}}来获取对应的变量值
ng-bind:变量（html标签无效）
ng-bind-html:变量（html标签有效）
ng-bind-template：表达式（html标签无效）
5.ng-change 规定在内容改变时要执行的表达式
1⃣️指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。
2⃣️指令需要搭配ng-model指令使用。
3⃣️指令不会覆盖原生的 onchange 事件, 如果触发该事件，ngg-change表达式与原生的 onchange 事件都会执行。
4⃣️事件在值的每次改变时触发，它不需要等待一个完成的修改过程，或等待失去焦点的动作。
5⃣️事件只针对输入框值的真实修改，而不是通过 JavaScript 来修改。
过滤器 －可以使用一个管道字符（|）添加到表达式和指令中。
1.currency 格式化数字为货币格式
{{250 | currency}} -> $250.00
{{250 | currency:" ￥ "}} ->￥250.00
2.filter 从数组项中选择一个子集
{{[{"age":20,"id":10,"name":"iphone"},{"age":12,"id":11,"name":"sunm xing"}, {"age":44,"id":12,"name":"test abc"}]|filter:{'name':'iphone'}}} ->[{"age":20,"id":10,"name":"iphone"}]
3.lowercase 格式化字符串为小写
{{ "LOWER" | uppercase }} -> lower
4.uppercase 格式化字符串为大写
{{ "lower" | uppercase }} -> LOWER
5.orderBy 根据某个表达式排列数组
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }}
->
[{"age":44,"id":12,"name":"test abc"},{"age":12,"id":11,"name":"sunm xing"},{"age":20,"id":10,"name":"iphone"}]
6.date 格式化
{{1490161945000|date:"yyyy-MM-dd HH:mm:ss"}}// 2017-03-22 13:52:25
7.number 格式化（保留两位小数）
{{ 3.1415926 | number:2}} -> 3.14
8.limitTo 截取
{{"123456" | limitTo:3 }} -> 123
网友评论