ng-options="item.action for item in todos" ng-options表達式的基本形式， 形如 "<標簽> for <項目> in <數組> <option value="">(chosse one) </option> ng-options="item.id a ...
ng-options="item.action for item in todos"
ng-options表達式的基本形式， 形如 "<標簽> for <項目> in <數組>
<option value="">(chosse one) </option>
ng-options="item.id as item.action for item in todos"
在表單的形式如<所選屬性>as <標簽> for <變數> in <數組>
ng-options="item.action group by item.place for item in todos"
將對象進行分組
使用無作用域的控制器
1 <!DOCTYPE html> 2 <html lang="en" ng-app="iApp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 7 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.css"> 8 <script src="bower_components/angular/angular.js"></script> 9 <script> 10 angular.module('iApp',[]) 11 .controller('topCtrl',function(){ 12 this.dataValue='Hello,Adam'; 13 this.reverseText=function(){ 14 this.dataValue=this.dataValue.split("").reverse().join(""); 15 } 16 }) 17 </script> 18 </head> 19 <body > 20 <div class="well" ng-controller="topCtrl as ctrl"> 21 <h4>Top level Controller</h4> 22 <div class="input-group"> 23 <span class="input-group-btn"> 24 <button class="btn btn-default" ng-click="ctrl.reverseText()">Reverse</button> 25 </span> 26 <input type="text" class="form-control" ng-model="ctrl.dataValue"> 27 </div> 28 </div> 29 </body> 30 </html>
當應用無作域的控制器時，表達式的格式化形如：<要應用的控制器> as <變數名>
然後在視圖中使用ctrl變數訪問數據和行為，類似這樣：<input.....ng-model="ctrl.dataValue">
