ng-readonlyDiretiva AngularJS


Exemplo

Torne o campo de entrada somente leitura:

Readonly: <input type="checkbox" ng-model="all">
<br>
<input type="text" ng-readonly="all">

Definição e uso

A ng-readonlydiretiva define o atributo readonly de um campo de formulário (entrada ou área de texto).

O campo do formulário será somente leitura se a expressão dentro do ng-readonly atributo retornar true.

A ng-readonlydiretiva é necessária para poder deslocar o valor entre truee false. Em HTML, você não pode definir o readonlyatributo como false(a presença do atributo readonly torna o elemento readonly, independentemente de seu valor).


Sintaxe

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

Suportado por elementos <input> <textarea>.


Valores de parâmetro

Value Description
expression An expression that will set the element's readonly attribute if it returns true.