`textarea`Směrnice AngularJS

Textová oblast s datovou vazbou:

<textarea ng-model="myTextarea"></textarea>

<p>The value of the textarea field is:</p>
<h1>{{myTextarea}}</h1>

Definice a použití

AngularJS upravuje výchozí chování <textarea>prvků, ale pouze pokud ng-modelje přítomen atribut.

Poskytují datovou vazbu, což znamená, že jsou součástí modelu AngularJS a lze na ně odkazovat a aktualizovat je ve funkcích AngularJS i v DOM.

Poskytují ověření. Příklad: <textarea>prvek s requiredatributem má $validstav nastavený na false, dokud je prázdný.

Poskytují také státní kontrolu. AngularJS uchovává aktuální stav všech prvků textarea.

Pole textové oblasti mají následující stavy:

Hodnota každého stavu představuje booleovskou hodnotu a je buď true .false

Na prvky textarea se odkazuje pomocí hodnoty ng-modelatributu.

<textarea>prvky uvnitř aplikace AngularJS dostávají určité třídy . Tyto třídy lze použít ke stylování prvků textarea podle jejich stavu.

Přidávají se následující třídy:

ng-untouched Na pole se zatím nikdo nesáhl
ng-touched Pole bylo zasaženo
ng-pristine Pole dosud nebylo upraveno
ng-dirty Pole bylo upraveno
ng-valid Obsah pole je platný
ng-invalid Obsah pole není platný
ng-valid-keyJeden klíč pro každé ověření. Příklad: ng-valid-required, užitečné, když existuje více než jedna věc, která musí být ověřena
ng-invalid-key Příklad: ng-invalid-required

Třídy jsou odstraněny, pokud je hodnota, kterou představují, false.

Použijte styly pro platné a neplatné prvky textarea pomocí standardního CSS:

<style>

textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}

</style>