AngularJS Директива форма

"Действительный состояние" Эта форма не будет рассматривать "истинный", до тех пор, как необходимое поле ввода пустым:

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

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

Определение и использование

AngularJS изменяет поведение по умолчанию <form> элемента.

Формы внутри AngularJS приложения приведены некоторые свойства. Эти свойства описывает текущее состояние формы.

Формы имеют следующие состояния:

Значение каждого состояния представляет собой логическое значение, и является либо true или false .

Формы в AngularJS предотвращает действие по умолчанию, которое направляющее форму на сервер, если атрибут действия не указан.

Формы именуются, используя значение имени атрибута.

Формы внутри AngularJS приложения приведены определенные классы. Эти классы могут быть использованы для форм стиля, в соответствии с их состоянием.

Следующие классы добавляются:

ng-pristine Никакие поля не до сих пор не изменен
ng-dirty Одно или несколько полей были изменены
ng-valid Содержание формы действительна
ng-invalid Содержание форма не действительна
ng-valid- key Один ключ для каждой проверки. Пример: ng-valid-required окончания ng-valid-required , полезно , когда есть больше чем одна вещь , которая должна быть подтверждена
ng-invalid- key - Пример: ng-invalid-required

Классы будут удалены , если значение они представляют это false .

Применение стилей для немодифицированных (нетронутых) форм, а также для модифицированных форм:

<style>

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

</style>