AngularJS具有用于应用数据绑定到的HTML DOM元素的属性的指令。
在NG-禁用指令
在NG-禁用指令结合AngularJS应用程序数据的HTML元素的disabled属性。
AngularJS例
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
试一试» 应用解释说：
在NG-禁用指令绑定应用程序数据是myswitch到HTML按钮的禁用属性。
在NG-模型指令绑定HTML checkbox元素来是myswitch价值的价值。
如果是myswitch的价值评估为true，按钮将被禁用：
<p>
<button disabled>Click Me!</button>
</p>
如果是myswitch的值计算为false，按钮将不会被禁用：
<p>
<button>Click Me!</button>
</p>
吴秀指令
吴秀指令显示或隐藏的HTML元素。
AngularJS例
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
试一试» 吴秀节目的指令（或隐藏）的基础上的NG-显示值的HTML元素。
您可以使用计算结果为真或假的表达式：
 | 在下一章中，还有更多的例子，用一个按钮的点击隐藏HTML元素。 |
|---|
该NG-hide指令
在NG-hide指令隐藏或显示一个HTML元素。
AngularJS例
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
试一试»