[angularjs] angularjs系列笔记(七)HTML DOM详解编程语言

AngularJsHTML DOM元素的属性提供了绑定数据的指令

 

ng-disabled指令

ng-disabled指令直接绑定数据到HTML元素的disabled属性

 

ng-show指令

ng-show指令隐藏和显示一个HTML元素 

ng-hide指令与ng-show相反

 

    <div ng-app="Home"> 
  
      <div ng-controller="ngDisabledTest"> 
        测试ng-disabled指令 
        <button ng-disabled="mySwitch" >点击</button> 
        <input type="checkbox" ng-model="mySwitch"/>切换 
      </div> 
 
      <div ng-controller="ngShowTest"> 
        测试ng-show指令 
        <p ng-show="true">可见</p> 
        <p ng-show="false">不可见</p> 
      </div> 
    </div> 
 
 
  </body> 
 
  <script type="text/javascript"> 
  //实例化应用对象,参数:模块名,空数组 
  var app=angular.module("Home",[]); 
  app.controller("ngDisabledTest",function(){}) 
  app.controller("ngShowTest",function(){}) 
  </script>

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/12710.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论