版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/stu_20052369/article/details/87163246
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="mySwitch=true">
<p>
<input type="checkbox" ng-model="mySwitch" />按钮
</p>
<p>
{{ mySwitch }}
</p>
<h2>1.ng-disabled指令</h2>
<p>
<button ng-disabled="mySwitch">点我!</button>
</p>
<h2>2.ng-show指令</h2>
<p ng-show=" mySwitch ">我是可见的。</p>
<p ng-show=" !mySwitch ">我是不可见的。</p>
<h2>3.ng-hide指令</h2>
<p ng-hide=" mySwitch ">我是不可见的。</p>
<p ng-hide=" !mySwitch ">我是可见的。</p>
</div>
</body>
</html>