AngularJS ng-readonly 指令

定義と使用法

ng-readonly 表单フィールド(inputまたはtextarea)の readonly 属性。

もし ng-readonly 属性の式が返します trueの場合、フォームフィールドは読み取り専用になります。

ng-readonly ディレクティブは、true と false 之间の値の切り替えが必要です。HTML では、readonly 属性を false に設定することはできません(readonly 属性の存在により、要素は読み取り専用になりますが、値に関わらずです)。

入力フィールドを読み取り専用にする:

読み取り専用:<input type="checkbox" ng-model="all">
<br>
<input type="text" ng-readonly="all">

実際に試してみる

文法

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

<input>, <textarea> 要素サポート。

パラメータ

パラメータ 説明
expression true が返された場合、要素の readonly 属性を設定する表現が設定されます。