AngularJS 指令总结

22、ng-options 使用数组元素填充下拉列表

  

js代码:
/*ng-options*/
    app.controller('myCtrl_7', function($scope){
    $scope.names=["Tom","Jone","BOb"];
})
 
 
23、设置为只读
 
 


 

24、ng-selected 属性的表达式返回 true 则选项被选中

  css
  
  javascript

25、ng-show 显示或隐藏html代码 当属性值为true时显示为false时隐藏

  
hello world

26、ng-src 设置图片路径 ng-src指令覆盖了img 的src属性

27、no-style css样式，使用key=>value 对象的形式

  
hello world

js代码:
    /*ng-style*/
    app.controller('myCtrl_8',function($scope){
        $scope.myStyle={
            "color":"#fff",
            "font-size":"20px",
            "background-color":"#000"
        }
    });

28、no-submit 表单提交后执行的函数

  

    
    
  
  
{{myText}}

js代码:
    /*ng-submit*/
    app.controller('myCtrl_9',function($scope){
        $scope.myText="你还没有提交表单";
        $scope.mySub=function(){
          $scope.myText="你提交表单啦";
        }
    });

29、ng-switch 指令根据表达式 使html 显示或隐藏 当ng-switch-when 和ng-switch 表达式 相匹配时显示 否则移除
ng-switch-default 设置默认显示的，如果没有匹配会显示默认选项

  淘宝
  百度
  新浪


  

        你选择了淘宝
  
  

        你选择了百度
  
  

        你选择了新浪
  
  

        你还没有选择！
  

30、ng-value 设置value值

  


  

js代码:
/*ng-value*/
    app.controller('myCtrl_10',function($scope){
        $scope.myVal="Hello World";
    });