angular入门-ngOptions

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>

 

posted @ 2014-07-08 10:53  昊天翱翔  阅读(369)  评论(0编辑  收藏  举报