AngularJS Directiva forma

Această formă de "valid state" nu va fi în considerare "true" , atâta timp cât câmpul de intrare necesar este gol:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>

Definiție și utilizare

AngularJS modifică comportamentul implicit al <form> element.

Formulare în interiorul unei aplicații AngularJS sunt date anumite proprietăți. Aceste proprietăți descrie starea actuală a formularului.

Formularele au următoarele state:

Valoarea fiecărui stat reprezintă o valoare booleană, și este fie true sau false .

Formulare în AngularJS împiedică acțiunea implicită, care se depune formularul la server, în cazul în care action atributul nu este specificat.

Formularele sunt menționate utilizând valoarea name atributului.

Formulare în interiorul unei cereri AngularJS sunt date anumite clase. Aceste clase pot fi folosite pentru forme de stil în funcție de starea lor.

Se adaugă următoarele clase:

ng-pristine Nici un câmp nu a fost încă modificat
ng-dirty Unul sau mai multe câmpuri a fost modificat
ng-valid Conținutul formular este valid
ng-invalid Conținutul formular nu este validă
ng-valid- key O cheie pentru fiecare validare. Exemplu: ng-valid-required , utilă atunci când există mai mult de un lucru care trebuie să fie validate
ng-invalid- key Exemplu: ng-invalid-required

Clasele sunt eliminate în cazul în care valoarea pe care o reprezintă este false .

Se aplică stiluri pentru nemodificate (pristine) formulare și pentru formele modificate:

<style>

form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}

</style>