AngularJs

来源:互联网 发布:德邦证券交易软件 编辑:程序博客网 时间:2024/05/29 17:59

HTML DOM元素用法:

ng-disabled 这个指令是: 确定HTML元素是否可用


<div ng-app="" ng-init="mySwitch=true"> //初始化mySwitch
<p>
<button ng-disabled="mySwitch">点我!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">按钮 //根据checkbox的选择来确定按钮是否可用
</p>
<p>
{{ mySwitch }}
</p>
</div>

ng-show的指令是否让HTML元素 :是否可见 你可以使用表达式来计算布尔值( true 或 false)结果必须是布尔值


<div ng-app="" ng-init="hour=13>

<p ng-show="true">我是可见的。</p>

<p ng-show="false">我是不可见的。</p>

<png-show="hour > 12">我是可见的。</p>

</div>


ng-hide 指令用于:隐藏或显示 HTML 元素。这个指令不能包含表达式和布尔值

<div ng-app="">

<p ng-hide="true">我是不可见的。</p>

<p ng-hide="false">我是可见的。</p>

</div>

原创粉丝点击