1
00:00:00,000 --> 00:00:04,790
[MUSIC]

2
00:00:04,790 --> 00:00:08,789
Там, где есть сформированная, есть проверка прямо за ним.

3
00:00:08,789 --> 00:00:14,914
Итак, что делает угловая поддержка для выполнения reactive для проверки?

4
00:00:14,914 --> 00:00:17,950
Об этом мы и поговорим в этой лекции.

5
00:00:19,738 --> 00:00:28,107
Angular предоставляет набор валидаторов, которые включены вместе с реактивным модулем.

6
00:00:28,107 --> 00:00:33,138
Мы уже видели в t ранее упражнении включены

7
00:00:33,138 --> 00:00:39,390
валидаторы в наш контактный файл component.tc.

8
00:00:39,390 --> 00:00:42,530
Как мы используем это в нашем приложении?

9
00:00:42,530 --> 00:00:48,450
Итак, давайте посмотрим, как мы можем сделать проверку формы в нашем приложении.

10
00:00:48,450 --> 00:00:52,810
Для использования встроенных и валидаторов, которые угловые поддерживают для

11
00:00:52,810 --> 00:00:58,590
реактивных форм, они включают валидаторы в наш файл компонента.

12
00:00:58,590 --> 00:01:03,330
И затем после этого мы, если мы используем Form Builder

13
00:01:03,330 --> 00:01:07,220
, то мы можем применить валидаторы, как показано в этом примере.

14
00:01:07,220 --> 00:01:12,730
Таким образом, для каждого из свойств, которые вы определяете, вы также можете определить значение для

15
00:01:12,730 --> 00:01:20,020
свойства как массив, содержащий начальное значение+ набор валидаторов.

16
00:01:20,020 --> 00:01:24,140
Поэтому в этом случае я применил валидаторы, необходимые для

17
00:01:24,140 --> 00:01:26,960
всех этих различных элементов здесь.

18
00:01:26,960 --> 00:01:29,634
Вы можете применить более одного валидатора.

19
00:01:29,634 --> 00:01:33,600
Вы можете объявить их как часть этого массива здесь.

20
00:01:33,600 --> 00:01:39,210
Итак, здесь, в этом примере, вы видите, что я применяю необходимые валидаторы.

21
00:01:39,210 --> 00:01:42,390
Аналогично, есть минимальная длина валидатора, максимальная длина,

22
00:01:42,390 --> 00:01:46,300
и другие общая доступны в угловом.

23
00:01:46,300 --> 00:01:51,160
Как только вы применяете валидаторы, то как мы проверяем свойства управления большим пальцем

24
00:01:51,160 --> 00:01:55,470
для того, чтобы обнаружить, есть ли ошибки и

25
00:01:55,470 --> 00:02:01,800
, чтобы поднять соответствующую обратную связь с пользователем, чтобы рассказать им об ошибках?

26
00:02:01,800 --> 00:02:04,660
Таким образом, вы можете проверить любое значение

27
00:02:04,660 --> 00:02:08,620
в элементе управления формы, глядя на его свойство следующим образом.

28
00:02:08,620 --> 00:02:16,120
Так, например, если вам нужно изучить статус элемента управления формы первого имени,

29
00:02:16,120 --> 00:02:24,232
, то вы можете сказать feedbackForm.get, который кодирует имя.status или вы можете сказать,

30
00:02:24,232 --> 00:02:30,870
feedbackForm.get telnum.hasError, а затем сказать, что это требуется.

31
00:02:30,870 --> 00:02:33,830
Так что все это будет либо правдой, либо ложью.

32
00:02:33,830 --> 00:02:36,560
В зависимости от их текущего состояния.

33
00:02:36,560 --> 00:02:42,230
Таким образом, используя .value, вы получаете значение самого контроллера формы.

34
00:02:42,230 --> 00:02:46,257
Таким образом, вы можете сказать feedbackForm.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
И это вернет текущее значение, введенное в этот элемент управления формы.

36
00:02:51,418 --> 00:02:54,790
Этот статус просто дает вам действительность управления формой.

37
00:02:54,790 --> 00:02:59,140
Он может быть действительным или недействительным в ожидании или отключен.

38
00:03:00,150 --> 00:03:02,510
Аналогично, вы можете проверить нетронутые значения.

39
00:03:02,510 --> 00:03:04,530
Вы можете проверить нетронутые или

40
00:03:04,530 --> 00:03:09,700
грязные, так же, как мы использовали нетронутые и грязные в предыдущих формах шаблонов.

41
00:03:09,700 --> 00:03:14,370
Подобно этому, вы можете проверить нетронутые и грязные, чтобы проверить, является ли это

42
00:03:14,370 --> 00:03:18,689
true, тогда элемент управления формой либо .pristine, либо .pristine.

43
00:03:18,689 --> 00:03:21,690
И так же, .нетронутый и .touche.

44
00:03:21,690 --> 00:03:33,815
Нетронутый и тронутый будет истинным, если пользователь еще не ввел значение HTML в элемент управления HTML и запускает его событие размытия.

45
00:03:33,815 --> 00:03:39,491
Так что означает, что вы ввели значение, а затем оставьте это для того, чтобы

46
00:03:39,491 --> 00:03:43,197
нетронутый или тронутый был установлен в true или false.

47
00:03:43,197 --> 00:03:48,187
Мы увидим использование этих в упражнении, которое следует, где мы

48
00:03:48,187 --> 00:03:52,992
будем использовать эти валидаторы, а также проверить элементы управления формы

49
00:03:52,992 --> 00:03:57,721
, чтобы решить, есть ли ошибки в нашей мысли.

50
00:03:57,721 --> 00:04:03,459
[МУЗЫКА]