AngularJS基礎 ng-disabled 指令詳解及簡單示例

更新時間：2016年08月01日 11:41:34 投稿：lqh

本文主要介紹AngularJS ng-disabled 指令,這里幫大家整理了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>, <select>, 和 <textarea> 元素都支持該指令。

參數(shù)值

值	描述
expression	如果表達式返回true，則設置為元素添加 disabled 屬性。

以上就是對ng-disabled 指令的基礎知識整理，后續(xù)繼續(xù)補充相關(guān)知識。

您可能感興趣的文章:

相關(guān)文章

AngularJs expression詳解及簡單示例
本文主要介紹AngularJs expression,這里整理了詳細的資料，并附示例代碼，有興趣的小伙伴可以參考下
2016-09-09
測試IE瀏覽器對JavaScript的AngularJS的兼容性
這篇文章主要介紹了測試IE瀏覽器對JavaScript的AngularJS的兼容性的方法,盡管隨著Windows10的近期上市,IE瀏覽器即將成為歷史...需要的朋友可以參考下
2015-06-06
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
使用angular寫一個hello world
這篇文章主要介紹了使用angular寫一個hello world的方法及示例,需要的朋友可以參考下
2015-01-01
Angular.JS中指令ng-if的注意事項小結(jié)
這篇文章主要給大家分享了關(guān)于Angular.JS中指令ng-if的一點注意事項，分享出來供大家參考學習，文中介紹的還是相對來說比較詳細，對大家具有一定的參考借鑒價值，需要的朋友們下面來一起看看吧。
2017-06-06
Angular中SASS樣式的詳細使用教程
對于一個Sass用戶,只需要理解Sass擴展部分如何工作的,就能完全理解SCSS,下面這篇文章主要給大家介紹了關(guān)于Angular中SASS樣式的詳細使用教程,需要的朋友可以參考下
2022-05-05
AngularJS入門教程之AngularJS表達式
AngularJS應用表達式是純javascript表達式，并輸出它們被使用的數(shù)據(jù)在那里。本文給大家介紹AngularJS入門教程之AngularJS表達式，對angularjs表達式相關(guān)知識感興趣的朋友一起學習吧
2016-04-04
Angular.js ng-file-upload結(jié)合springMVC的使用教程
這篇文章主要給大家介紹了關(guān)于Angular.js文件上傳控件ng-file-upload結(jié)合springMVC的使用教程，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-07-07
AngularJS ng-blur 指令詳解及簡單實例
本文主要介紹AngularJS ng-blur 指令，這里對ng-blur 指令的知識詳細介紹給大家，并給大家一個實例作為參考，有需要的小伙伴可以參考下
2016-07-07
Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式，通過定義一個共享服務service來實現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關(guān)知識感興趣的朋友一起學習
2016-03-03