zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Python一键安装缺失库
    Python画樱花树❀
    Python时间模块time
    Python的画五角星
    力扣225.用队列实现栈
    STL是个啥?
    如何使用递归遍历对象获得value值
    JS操作未跨域iframe里的DOM
    CSS3D效果
    前端轮播小结
  • 原文地址:https://www.cnblogs.com/knightshibiao/p/3831042.html
Copyright © 2011-2022 走看看