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
指令的作用：实现语义化标签，我把它理解为自定义指令，可以实现一个具有特定功能的指令。