ng-repeat 实现循环输出
<!DOCTYPE html> <html ng-app> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div ng-init="list = ['Chrome', 'Safari', 'Firefox', 'IE'] "> <input ng-model="list" ng-list> <br> <input ng-model="list" ng-list> <br> <pre>list={{list}}</pre> <br> <ol> <li ng-repeat="item in list"> {{item}} </li> </ol> </div> </body> <script src="../js/angular.js"></script> </html>
效果图如下
2过滤器
先看一个例子:
<div ng-init="list = ['Chrome', 'Safari', 'Firefox', 'IE'] ">
Number formatting: {{ 1234567890 | number }} <br>
array filtering <input ng-model="predicate">
{{ list | filter:predicate | json }}
</div>
在input文本档中输入信息,经过过滤,如果list中有则显示,无则不显示!
当将数据呈献给用户时,你很可能需要将数据转换为阅读友好的格式。比方说,你可能需要在显示之前将一个日期对象转换为用户本地的时间格式。你可以用链式的过滤器来传递表达式,像下面这样:
name | uppercase
这个表达式会将name的值传递给uppercase这个过滤器。
链式过滤器使用的是下面这样的语法:
value | filter1 | filter2
你也可以通过冒号来给过滤器传递参数,比如,将123显示成带有两位小数的形式:
123 | number:2
3.Directive
指令的作用:实现语义化标签,我把它理解为自定义指令,可以实现一个具有特定功能的指令。