AngularJS ng-disabled 指令
AngularJS 實例
禁用或啟用輸入框:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="">點擊這裡禁用所有表單輸入域:<input type="checkbox" ng-model="all"><br><br><input type="text" ng-disabled="all"><input type="radio" ng-disabled="all"><select ng-disabled="all"> <option>Female</option> <option>Male</option> </select></body></html>
定義和用法
ng-disabled 指令設置表單輸入字段的disabled 屬性(input, select, 或textarea)。
如果ng-disabled 中的表達式返回true 則表單字段將被禁用。
文法
<input ng-disabled="expression"></input>
<input>, <select>, 和<textarea> 元素都支持該指令。
參數值
| 值 | 描述 |
|---|---|
| expression | 如果表達式返回true，則設置為元素添加disabled 屬性。 |
以上就是對ng-disabled 指令的基礎知識整理，後續繼續補充相關知識。