AngularJS HTML DOM
2016-03-01 15:44
597 查看
ng-disabled 指令
ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。<div ng-app="" ng-init="mySwitch=true"><p><button ng-disabled="mySwitch">点我!</button></p><p><input type="checkbox" ng-model="mySwitch"/>按钮</p><p>{{ mySwitch }}</p></div>
实例讲解:
ng-disabled 指令绑定应用程序数据 "mySwitch" 到 HTML 的 disabled 属性。
ng-model 指令绑定 "mySwitch" 到 HTML input checkbox 元素的内容(value)。
如果 mySwitch 为true, 按钮将不可用:
<p>
<button disabled>点我!</button>
</p>如果 mySwitch 为false, 按钮则可用:
<p>
<button>点我!</button>
</p>
ng-show 指令
ng-show 指令隐藏或显示一个 HTML 元素。<div ng-app="">
<p ng-show="true">我是可见的。</p><p ng-show="false">我是不可见的。</p></div>
ng-show 指令根据 value 的值来显示(隐藏)HTML 元素。
你可以使用表达式来计算布尔值( true 或 false):
<div ng-app="" ng-init="hour=5"><p ng-show="hour <12">我是可见的。</p></div>
ng-hide 指令
<div ng-app=""><p ng-hide="true">我是不可见的。</p><p ng-hide="false">我是可见的。</p></div>
相关文章推荐
- angularJS中ng-if的用法
- AngularJS 表格
- angularJS中ng-change的用法
- AngularJS 数据绑定
- AngularJS 数据绑定
- AngularJS Select(选择框)
- AngularJS 指令.
- AngularJS 指令.
- AngularJS 数组
- AngularJS 数组
- AngularJS 对象
- AngularJS 对象
- AngularJS 字符串
- AngularJS 字符串
- AngularJS 表达式 与 JavaScript 表达式
- AngularJS 表达式 与 JavaScript 表达式
- AngularJS 循环查询数组
- AngularJS 循环查询数组
- angularjs如何在视图渲染结束之后,或者render之后执行指令中的link方法呢?
- ZOJ Problem Set - 2773 Triangular Sums【公式】