1
00:00:00,000 --> 00:00:04,790
[MÚSICA]

2
00:00:04,790 --> 00:00:08,789
Onde há um formado há validação logo atrás dele.

3
00:00:08,789 --> 00:00:14,914
Então, o que o suporte angular para fazer reativo para validação?

4
00:00:14,914 --> 00:00:17,950
Isso é o que vamos falar nesta palestra.

5
00:00:19,738 --> 00:00:28,107
Angular fornece um conjunto de validadores que estão incluídos junto com módulo reativo.

6
00:00:28,107 --> 00:00:33,138
Nós já vimos em t exercício anterior incluiu

7
00:00:33,138 --> 00:00:39,390
os validadores em nosso arquivo component.tc de contato.

8
00:00:39,390 --> 00:00:42,530
Como fazemos uso disso dentro da nossa aplicação?

9
00:00:42,530 --> 00:00:48,450
Então, vamos dar uma olhada em como podemos fazer validação de formulário dentro de nosso aplicativo.

10
00:00:48,450 --> 00:00:52,810
Para usar os validadores construídos e que angulares suportam para

11
00:00:52,810 --> 00:00:58,590
formulários reativos, eles incluem os validadores em nosso arquivo componente.

12
00:00:58,590 --> 00:01:03,330
E depois disso nós, se estamos usando o Form Builder

13
00:01:03,330 --> 00:01:07,220
, então podemos aplicar os validadores, como mostrado neste exemplo.

14
00:01:07,220 --> 00:01:12,730
Assim, para cada uma das propriedades que você define, você também pode definir o valor para

15
00:01:12,730 --> 00:01:20,020
a propriedade como uma matriz contendo o valor inicial + um conjunto de validadores.

16
00:01:20,020 --> 00:01:24,140
Então, neste caso, eu apliquei os validadores necessários para

17
00:01:24,140 --> 00:01:26,960
todos esses elementos diferentes aqui.

18
00:01:26,960 --> 00:01:29,634
Você pode aplicar mais de um validador.

19
00:01:29,634 --> 00:01:33,600
Você pode declará-los como parte deste array aqui.

20
00:01:33,600 --> 00:01:39,210
Então, aqui neste exemplo, você me vê aplicando os validadores necessários.

21
00:01:39,210 --> 00:01:42,390
Da mesma forma, há um comprimento mínimo do validador, comprimento máximo,

22
00:01:42,390 --> 00:01:46,300
e outros um total disponível em angular.

23
00:01:46,300 --> 00:01:51,160
Uma vez que você aplicar os validadores, em seguida, como inspecionar as propriedades do controle de polegar

24
00:01:51,160 --> 00:01:55,470
para descobrir se há erros e

25
00:01:55,470 --> 00:02:01,800
para aumentar o feedback apropriado para o usuário para informá-los sobre os erros?

26
00:02:01,800 --> 00:02:04,660
Assim, você pode inspecionar qualquer valor

27
00:02:04,660 --> 00:02:08,620
dentro de um controle de formulário observando sua propriedade da seguinte forma.

28
00:02:08,620 --> 00:02:16,120
Então, por exemplo, se você tiver que examinar o status do controle de formulário primeiro nome,

29
00:02:16,120 --> 00:02:24,232
então você pode dizer feedbackForm.Get que codifica firstname.status ou você pode dizer,

30
00:02:24,232 --> 00:02:30,870
feedbackform.Get Telnum.hasError e, em seguida, dizer que é necessário.

31
00:02:30,870 --> 00:02:33,830
Então, todos estes serão ou ser verdadeiro ou falso.

32
00:02:33,830 --> 00:02:36,560
Dependendo de seus estados atuais.

33
00:02:36,560 --> 00:02:42,230
Então, usando .value você obtém o valor do próprio controlador de formulário.

34
00:02:42,230 --> 00:02:46,257
Então você pode dizer FeedbackForm.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
E isso retornará o valor atual que é inserido no controle de formulário.

36
00:02:51,418 --> 00:02:54,790
Esse status apenas lhe dá a validade do controle de formulário.

37
00:02:54,790 --> 00:02:59,140
Pode ser válido ou inválido pendente ou desativado.

38
00:03:00,150 --> 00:03:02,510
Da mesma forma, você pode verificar o valor intocada.

39
00:03:02,510 --> 00:03:04,530
Você pode verificar se há intocada ou

40
00:03:04,530 --> 00:03:09,700
sujo, assim como usamos intocada e sujo nos formulários de modelo anteriores.

41
00:03:09,700 --> 00:03:14,370
Semelhante a isso, você pode verificar intocada e sujo para verificar se é

42
00:03:14,370 --> 00:03:18,689
true, então o controle de forma é .pristine ou .dirty.

43
00:03:18,689 --> 00:03:21,690
E da mesma forma, .intocado e .tocado.

44
00:03:21,690 --> 00:03:26,950
O intocado e tocado será verdadeiro se o usuário ainda não tiver

45
00:03:26,950 --> 00:03:33,815
inserido um valor HTML no controle HTML e acionar seu evento de desfoque.

46
00:03:33,815 --> 00:03:39,491
Então, o que significa que você inseriu o valor, e então deixe isso em ordem para

47
00:03:39,491 --> 00:03:43,197
o intocado ou tocado para ser definido como true ou false.

48
00:03:43,197 --> 00:03:48,187
Veremos o uso destes no exercício que se segue onde

49
00:03:48,187 --> 00:03:52,992
usaremos esses validadores e também inspecionaremos os controles de formulário

50
00:03:52,992 --> 00:03:57,721
, a fim de decidir se há erros em nosso pensamento.

51
00:03:57,721 --> 00:04:03,459
[MÚSICA]