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
指令的作用：實現語義化標籤，我把它理解爲自定義指令，可以實現一個具有特定功能的指令。