AngularJs为HTML DOM元素的属性提供了绑定数据的指令
ng-disabled指令
ng-disabled指令直接绑定数据到HTML元素的disabled属性
ng-show指令
ng-show指令隐藏和显示一个HTML元素
ng-hide指令与ng-show相反
代码语言:javascript复制 <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>