AngularJS Developer Guide - Формы сообщают, что существует множество стилей и директив, касающихся форм и полей. Для каждого класса CSS:
ng-valid
ng-invalid
ng-pristine
ng-dirty
ng-touched
ng-untouched
Какая разница между pristine/dirty, и touched/untouched?
AngularJS Developer Guide - CSS-классы, используемые AngularJS
- @property {boolean} $ нетронутый Истина, если элемент управления еще не потерял фокус.
- @property {boolean} $ коснулся True, если элемент управления потерял фокус.
- @property {boolean} $ pristine Истинно, если пользователь еще не взаимодействовал с элементом управления.
- @property {boolean} $ dirty Истинно, если пользователь уже взаимодействовал с элементом управления.
$pristine/$dirty указывает, действительно ли пользователь что-то изменил, а $touched/$untouched сообщает вам, был ли пользователь просто там/посещен.
Это действительно полезно для проверки. Причиной $dirty всегда было избегать показов ответов проверки, пока пользователь не посетил определенный элемент управления. Но, используя только свойство $dirty, пользователь не будет получать обратную связь с проверкой, если они фактически не изменили значение. Таким образом, поле $invalid все равно не будет показывать пользователю приглашение, если пользователь не изменил/не изменил значение. Если пользователь полностью проигнорировал требуемое поле, все выглядело нормально.
С помощью Angular 1.3 и ng-touched вы можете теперь установить определенный стиль в элементе управления, как только пользователь размыт, независимо от того, изменили ли оно значение или нет.
Здесь CodePen, который показывает разницу в поведении.
В Pro Angular-6 книга подробно описана ниже;
invalid: это свойство возвращает true, если содержимое элементов недопустимо, и false в противном случае.
pristine: это свойство возвращает true, если содержимое элементов не было изменено.
Стоит отметить, что свойства проверки различны для форм и элементов формы (обратите внимание, что касание и нетронутость только для полей):
Input fields have the following states: $untouched The field has not been touched yet $touched The field has been touched $pristine The field has not been modified yet $dirty The field has been modified $invalid The field content is not valid $valid The field content is valid They are all properties of the input field, and are either true or false. Forms have the following states: $pristine No fields have been modified yet $dirty One or more have been modified $invalid The form content is not valid $valid The form content is valid $submitted The form is submitted They are all properties of the form, and are either true or false.