手册目录
参考手册
ng-disabled 指令将 AngularJS 应用程序数据绑定到 HTML 元素的 disabled 属性上。
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">点击我！</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
运行实例 »点击 "运行实例" 按钮查看在线实例
ng-disabled 指令将应用程序数据 mySwitch 绑定到 HTML 按钮的 disabled 属性上。
ng-model 指令将 HTML 复选框元素的值绑定到 mySwitch 的值上。
如果 mySwitch 的值为 true，则按钮将被禁用：
<p> <button disabled>点击我！</button> </p>
如果 mySwitch 的值为 false，则按钮将不会被禁用：
<p> <button>点击我！</button> </p>
ng-show 指令显示或隐藏 HTML 元素。
<div ng-app=""> <p ng-show="true">我是可见的。</p> <p ng-show="false">我是不可见的。</p> </div>运行实例 »
点击 "运行实例" 按钮查看在线实例
ng-show 指令根据 ng-show 的值显示（或隐藏）HTML 元素。
您可以使用任何评估为真或假的表达式：
<div ng-app="" ng-init="hour=13"> <p ng-show="hour > 12">I am visible.</p> </div>运行实例 »
点击 "运行实例" 按钮查看在线实例
在下一章中，将提供更多示例，说明如何使用按钮单击来隐藏 HTML 元素。
ng-hide 指令隐藏或显示 HTML 元素。
<div ng-app=""> <p ng-hide="true">我是不可见的。</p> <p ng-hide="false">我是可见的。</p> </div>运行实例 »
点击 "运行实例" 按钮查看在线实例
相关视频
科技资讯
精品课程
共5课时 | 17.4万人学习
共49课时 | 78.2万人学习
共29课时 | 62.5万人学习
共25课时 | 39.7万人学习
共43课时 | 73.8万人学习
