當(dāng)前位置：
首頁(yè) >
angular入门-ngOptions
發(fā)布時(shí)間：2025/7/14
41
豆豆
生活随笔
收集整理的這篇文章主要介紹了
angular入门-ngOptions
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、ng-options使用起來比較方便，我們可以不用再option，直接寫一個(gè)select就ok了
2、今天在測(cè)試這個(gè)功能的時(shí)候，犯了個(gè)糊涂，半天select都顯示不出來列表，原因是：select沒有寫在ng-control指定標(biāo)簽內(nèi)部?jī)?nèi)部，囧
3、給select加上初始值顯示狀態(tài)，給ng-options一個(gè)obj的數(shù)組，在加一個(gè)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>?
轉(zhuǎn)載于:https://www.cnblogs.com/knightshibiao/p/3831042.html
總結(jié)
以上是生活随笔為你收集整理的angular入门-ngOptions的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript创建Map对象（转）
- 下一篇： 数学图形(1.21)蚌线