AngularJS dyrektywa formą

Ta forma jest "poprawny stan" nie będzie za "prawdziwe", tak długo, jak pole wejściowe wymagane jest pusty:

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

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

Definicja i Wykorzystanie

Angularjs modyfikuje domyślne zachowanie <form> elementu.

Formy wewn? Trz angularjs stosowania podane są pewne właściwości. Te właściwości opisano aktualny stan formy.

Formularze mają następujące stany:

Wartość każdego stanu reprezentuje wartość logiczną, i jest albo true albo false .

Formularze w angularjs zapobiega domyślną akcję, która jest złożeniem formularza do serwera, jeśli atrybut akcja nie jest określony.

Formy są określone przy użyciu wartości atrybutu znamionowej.

Formy wewn? Trz angularjs stosowania podane są pewne klasy. Klasy te mogą być stosowane do form typu w zależności od ich stanu.

Poniższe klasy w brzmieniu:

ng-pristine Brak pola nie zostały jeszcze zmienione
ng-dirty jedno lub więcej pól został zmodyfikowany
ng-valid Zawartość forma jest ważna
ng-invalid Zawartość forma nie jest ważna
ng-valid- key jeden klucz dla każdej walidacji. Przykład: ng-valid-required , przydatna, gdy istnieje więcej niż jedna rzecz, która musi być potwierdzona
ng-invalid- key Przykład: ng-invalid-required

Klasy są usuwane, jeśli wartość reprezentują jest false .

Zastosuj style niemodyfikowanych (dziewiczych) tworzy, i zmodyfikowanych formach:

<style>

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

</style>