AngularJS HTML DOM

AngularJS为HTML DOM元素的属性提供了绑定应用数据的指令。

ng-disabled指令

ng-disabled指令直接绑定应用程序数据到HTML的disabled属性。

实例:

<div ng-app="">
<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)。

ng-show 指令

ng-show 指令隐藏或显示一个 HTML 元素。

实例:

<div ng-app="">
<p ng-show="true">可见</p>
<p ng-show="false">不可见</p>
</div>

运行案例

ng-hide 指令

ng-hide 指令用于隐藏或显示 HTML 元素。

实例:

<div ng-app="">
<p ng-hide="true">不可见</p>
<p ng-hide="false">可见</p>
</div>

运行案例

本内容均来自互联网,仅供参考,如有侵权请及时通知本站予以删除。邮箱:wiki#imooc.com (#改成@)

意见反馈 帮助中心 APP下载
官方微信