閱讀(33.4k) 書簽贊(6) 我要糾錯

AngularJS HTML DOM

2020-09-21 09:38 更新

AngularJS 為 HTML DOM 元素的屬性提供了綁定應用數(shù)據(jù)的指令。

AngularJS 有自己的 HTML 屬性指令。

ng-disabled 指令

ng-disabled 指令設(shè)置表單輸入字段的 disabled 屬性(input, select, 或 textarea)。

如果 ng-disabled 中的表達式返回 true 則表單字段將被禁用

實例講解：

ng-disabled 指令綁定應用程序數(shù)據(jù) "mySwitch" 到 HTML 的 disabled 屬性。

ng-model 指令綁定 "mySwitch" 到 HTML input checkbox 元素的內(nèi)容（value）。

ng-show 指令隱藏或顯示一個 HTML 元素。

<div ng-app="">

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

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

</div>

您可以使用一個評估為 true or false 的表達式（比如 ng-show="hour < 12"）來隱藏和顯示 HTML 元素。

在下一章中，有另一個實例，通過單擊一個按鈕來隱藏一個 HTML 元素。