AngularJS ng-disabled 指令

定義と用法

ng-disabled 指令はフォームフィールド(input、select、またはtextarea)のdisabled属性を設定します。

もし ng-disabled 属性の式がtrueを返す場合、フォームフィールドが無効になります。

ng-disabled trueとfalseの間で値を切り替えられる場合は、指示は必要です。HTMLでは、disabled属性をfalseに設定することはできません(disabled属性が存在するだけで、値に関わらず要素が無効になります)。

入力フィールドを無効/有効にする:

フォームフィールドを無効にする:<input type="checkbox" ng-model="all">
<br>
<input type="text" ng-disabled="all">
<input type="radio" ng-disabled="all">
<select ng-disabled="all">
<option>女性</option>
<option>男性</option>
</select>

自分で試してみる

文法

<input ng-disabled="expression</input>

<input><select> および <textarea> 要素がサポートしています。

パラメータ

パラメータ 説明
expression true を返す場合、設定要素の disabled 属性の式を設定します。