1、ng-options使用起來比較方便，我們可以不用再option，直接寫一個select就ok了

2、今天在測試這個功能的時候，犯了個糊涂，半天select都顯示不出來列表，原因是：select沒有寫在ng-control指定標簽內部內部，囧

3、給select加上初始值顯示狀態，給ng-options一個obj的數組，在加一個ng-change

1 <select ng-model="myColor" ng-options="color.name for color in colors" ng-change="test()"></select><br> 2 </div> 3 <script type="text/javascript"> 4 function aa ($scope,$rootScope) { 5 $scope.colors = [ 6 {"name":'black', "shade":'dark'}, 7 {"name":'white', "shade":'light'}, 8 {"name":'red', "shade":'dark'}, 9 {"name":'blue', "shade":'dark'}, 10 {"name":'yellow', "shade":'light'} 11 ]; 12 $scope.myColor = $scope.colors[2]; // red 13 $scope.test = function () { 14 console.error($scope.myColor.name) 15 } 16 } 17 </script>

?

轉載于:https://www.cnblogs.com/knightshibiao/p/3831042.html

總結

以上是生活随笔為你收集整理的angular入门-ngOptions的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。