[MUSIC]
Там, где есть сформированная, есть проверка прямо за ним.
Итак, что делает угловая поддержка для выполнения reactive для проверки?
Об этом мы и поговорим в этой лекции.
Angular предоставляет набор валидаторов, которые включены вместе с реактивным модулем.
Мы уже видели в t ранее упражнении включены
валидаторы в наш контактный файл component.tc.
Как мы используем это в нашем приложении?
Итак, давайте посмотрим, как мы можем сделать проверку формы в нашем приложении.
Для использования встроенных и валидаторов, которые угловые поддерживают для
реактивных форм, они включают валидаторы в наш файл компонента.
И затем после этого мы, если мы используем Form Builder
, то мы можем применить валидаторы, как показано в этом примере.
Таким образом, для каждого из свойств, которые вы определяете, вы также можете определить значение для
свойства как массив, содержащий начальное значение+ набор валидаторов.
Поэтому в этом случае я применил валидаторы, необходимые для
всех этих различных элементов здесь.
Вы можете применить более одного валидатора.
Вы можете объявить их как часть этого массива здесь.
Итак, здесь, в этом примере, вы видите, что я применяю необходимые валидаторы.
Аналогично, есть минимальная длина валидатора, максимальная длина,
и другие общая доступны в угловом.
Как только вы применяете валидаторы, то как мы проверяем свойства управления большим пальцем
для того, чтобы обнаружить, есть ли ошибки и
, чтобы поднять соответствующую обратную связь с пользователем, чтобы рассказать им об ошибках?
Таким образом, вы можете проверить любое значение
в элементе управления формы, глядя на его свойство следующим образом.
Так, например, если вам нужно изучить статус элемента управления формы первого имени,
, то вы можете сказать feedbackForm.get, который кодирует имя.status или вы можете сказать,
feedbackForm.get telnum.hasError, а затем сказать, что это требуется.
Так что все это будет либо правдой, либо ложью.
В зависимости от их текущего состояния.
Таким образом, используя .value, вы получаете значение самого контроллера формы.
Таким образом, вы можете сказать feedbackForm.get ('firstname') .value.
И это вернет текущее значение, введенное в этот элемент управления формы.
Этот статус просто дает вам действительность управления формой.
Он может быть действительным или недействительным в ожидании или отключен.
Аналогично, вы можете проверить нетронутые значения.
Вы можете проверить нетронутые или
грязные, так же, как мы использовали нетронутые и грязные в предыдущих формах шаблонов.
Подобно этому, вы можете проверить нетронутые и грязные, чтобы проверить, является ли это
true, тогда элемент управления формой либо .pristine, либо .pristine.
И так же, .нетронутый и .touche.
Нетронутый и тронутый будет истинным, если пользователь еще не ввел значение HTML в элемент управления HTML и запускает его событие размытия.
Так что означает, что вы ввели значение, а затем оставьте это для того, чтобы
нетронутый или тронутый был установлен в true или false.
Мы увидим использование этих в упражнении, которое следует, где мы
будем использовать эти валидаторы, а также проверить элементы управления формы
, чтобы решить, есть ли ошибки в нашей мысли.
[МУЗЫКА]