AngularJS基礎(chǔ) ng-disabled 指令詳解及簡(jiǎn)單示例
AngularJS ng-disabled 指令
AngularJS 實(shí)例
禁用或啟用輸入框:
<!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=""> 點(diǎn)擊這里禁用所有表單輸入域:<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 指令設(shè)置表單輸入字段的 disabled 屬性(input, select, 或 textarea)。
如果 ng-disabled 中的表達(dá)式返回 true 則表單字段將被禁用。
語(yǔ)法
<input ng-disabled="expression"></input>
<input>, <select>, 和 <textarea> 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果表達(dá)式返回true,則設(shè)置為元素添加 disabled 屬性。 |
以上就是對(duì)ng-disabled 指令的基礎(chǔ)知識(shí)整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)知識(shí)。
相關(guān)文章
angularJs select綁定的model取不到值的解決方法
今天小編就為大家分享一篇angularJs select綁定的model取不到值的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
詳解webpack+angular2開(kāi)發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack+angular2開(kāi)發(fā)環(huán)境搭建,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
angularjs在ng-repeat中使用ng-model遇到的問(wèn)題
本文給大家分享了一個(gè)個(gè)人在使用angular過(guò)程中遇到的在ng-repeat中使用ng-model的問(wèn)題,并附上簡(jiǎn)單的解決辦法,希望能對(duì)大家學(xué)習(xí)angular有所幫助2016-01-01
angular-ui-sortable實(shí)現(xiàn)可拖拽排序列表
這篇文章主要介紹了angular-ui-sortable實(shí)現(xiàn)可拖拽排序列表,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
angular4自定義組件非input元素實(shí)現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法
這篇文章主要介紹了angular4自定義組件非input元素實(shí)現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
AngularJS中重新加載當(dāng)前路由頁(yè)面的方法
下面小編就為大家分享一篇AngularJS中重新加載當(dāng)前路由頁(yè)面的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03

