AngularJS基礎 ng-disabled 指令詳解及簡單示例
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> 元素都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 如果表達式返回true,則設置為元素添加 disabled 屬性。 |
以上就是對ng-disabled 指令的基礎知識整理,后續(xù)繼續(xù)補充相關知識。
相關文章
angularJs select綁定的model取不到值的解決方法
今天小編就為大家分享一篇angularJs select綁定的model取不到值的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10詳解webpack+angular2開發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack+angular2開發(fā)環(huán)境搭建,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06angularjs在ng-repeat中使用ng-model遇到的問題
本文給大家分享了一個個人在使用angular過程中遇到的在ng-repeat中使用ng-model的問題,并附上簡單的解決辦法,希望能對大家學習angular有所幫助2016-01-01angular-ui-sortable實現(xiàn)可拖拽排序列表
這篇文章主要介紹了angular-ui-sortable實現(xiàn)可拖拽排序列表,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12angular4自定義組件非input元素實現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法
這篇文章主要介紹了angular4自定義組件非input元素實現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-12-12