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

2
00:00:04,790 --> 00:00:08,789
Wo sich ein geformtes befindet, gibt es eine Validierung direkt dahinter.

3
00:00:08,789 --> 00:00:14,914
Was bedeutet Winkelunterstützung, reaktiv für die Validierung zu tun?

4
00:00:14,914 --> 00:00:17,950
Darüber werden wir in dieser Vorlesung sprechen.

5
00:00:19,738 --> 00:00:28,107
Angular bietet eine Reihe von Validatoren, die zusammen mit reaktivem Modul enthalten sind.

6
00:00:28,107 --> 00:00:33,138
Wir haben bereits in der früheren Übung gesehen,

7
00:00:33,138 --> 00:00:39,390
dass die Validatoren in unsere Kontaktkomponente.tc Datei aufgenommen wurden.

8
00:00:39,390 --> 00:00:42,530
Wie nutzen wir das innerhalb unserer Anwendung?

9
00:00:42,530 --> 00:00:48,450
Lassen Sie uns also einen Blick darauf werfen, wie wir Formularvalidierung innerhalb unserer Anwendung durchführen können.

10
00:00:48,450 --> 00:00:52,810
Um die eingebauten und Validatoren zu verwenden, die eckig für

11
00:00:52,810 --> 00:00:58,590
reaktive Formulare unterstützt, fügen sie die Validatoren in unsere Komponentendatei ein.

12
00:00:58,590 --> 00:01:03,330
Und dann nach, dass wir, wenn wir den Form Builder verwenden,

13
00:01:03,330 --> 00:01:07,220
dann können wir die Validatoren anwenden, wie in diesem Beispiel gezeigt.

14
00:01:07,220 --> 00:01:12,730
Daher können Sie für jede der Eigenschaften, die Sie definieren, auch den Wert für

15
00:01:12,730 --> 00:01:20,020
die Eigenschaft als Array definieren, das den Anfangswert + eine Reihe von Validatoren enthält.

16
00:01:20,020 --> 00:01:24,140
Also habe ich in diesem Fall die Validatoren angewendet, die für

17
00:01:24,140 --> 00:01:26,960
all diese verschiedenen Elemente hier erforderlich sind.

18
00:01:26,960 --> 00:01:29,634
Sie können mehr als einen Validator anwenden.

19
00:01:29,634 --> 00:01:33,600
Sie können sie hier als Teil dieses Arrays deklarieren.

20
00:01:33,600 --> 00:01:39,210
Hier in diesem Beispiel sehen Sie, wie ich die erforderlichen Validatoren anwendet.

21
00:01:39,210 --> 00:01:42,390
In ähnlicher Weise gibt es eine min Länge, maximale Länge

22
00:01:42,390 --> 00:01:46,300
und andere insgesamt in eckig.

23
00:01:46,300 --> 00:01:51,160
Sobald Sie die Validatoren angewendet haben, wie prüfen wir dann die

24
00:01:51,160 --> 00:01:55,470
Eigenschaften der Daumensteuerung, um festzustellen, ob Fehler vorliegen, und

25
00:01:55,470 --> 00:02:01,800
um dem Benutzer entsprechende Rückmeldungen zu geben, um ihn über die Fehler zu informieren?

26
00:02:01,800 --> 00:02:04,660
So können Sie jeden Wert

27
00:02:04,660 --> 00:02:08,620
in einem Formular-Steuerelement überprüfen, indem Sie seine Eigenschaft wie folgt betrachten.

28
00:02:08,620 --> 00:02:16,120
Also zum Beispiel, wenn Sie den Status des Vornamens Formular-Steuerelement untersuchen müssen,

29
00:02:16,120 --> 00:02:24,232
dann können Sie sagen, Feedbackform.Get, dass codiert Vorname.status oder Sie können sagen,

30
00:02:24,232 --> 00:02:30,870
Feedbackform.Get telnum.HasError und dann sagen, es erforderlich.

31
00:02:30,870 --> 00:02:33,830
Also werden alle diese entweder wahr oder falsch sein.

32
00:02:33,830 --> 00:02:36,560
Abhängig von ihren aktuellen Zuständen.

33
00:02:36,560 --> 00:02:42,230
Durch die Verwendung von .value erhalten Sie den Wert des Formular-Controllers selbst.

34
00:02:42,230 --> 00:02:46,257
Sie können also FeedbackForm.get ('firstname') .value sagen.

35
00:02:46,257 --> 00:02:51,418
Und das gibt den aktuellen Wert zurück, der in dieses Formular-Steuerelement eingegeben wird.

36
00:02:51,418 --> 00:02:54,790
Dieser Status gibt Ihnen nur die Gültigkeit des Formularsteuerelements.

37
00:02:54,790 --> 00:02:59,140
Es kann entweder gültig oder ungültig ausstehend oder deaktiviert sein.

38
00:03:00,150 --> 00:03:02,510
In ähnlicher Weise können Sie nach dem ursprünglichen Wert suchen.

39
00:03:02,510 --> 00:03:04,530
Sie können entweder nach makellos oder

40
00:03:04,530 --> 00:03:09,700
schmutzig suchen, genau wie wir in den vorherigen Vorlagenformularen makellos und schmutzig verwendet haben.

41
00:03:09,700 --> 00:03:14,370
Ähnlich wie das können Sie makellos und schmutzig überprüfen, um zu überprüfen, ob es

42
00:03:14,370 --> 00:03:18,689
wahr ist, dann ist das Formular-Steuerelement entweder .pristine oder .dirty.

43
00:03:18,689 --> 00:03:21,690
Und in ähnlicher Weise, .unberührt und .berührt.

44
00:03:21,690 --> 00:03:26,950
Die unberührte und berührte wird wahr sein, wenn der Benutzer noch keinen

45
00:03:26,950 --> 00:03:33,815
HTML-Wert in das HTML-Steuerelement eingegeben hat und sein Weichzeichnereignis auslöst.

46
00:03:33,815 --> 00:03:39,491
Das bedeutet also, dass Sie den Wert eingegeben haben und diesen dann belassen, damit

47
00:03:39,491 --> 00:03:43,197
das Unberührte oder Berührte auf true oder false gesetzt wird.

48
00:03:43,197 --> 00:03:48,187
Wir werden die Verwendung dieser in der Übung sehen, die folgt, wo

49
00:03:48,187 --> 00:03:52,992
wir diese Validatoren verwenden und auch die Formularsteuerelemente überprüfen,

50
00:03:52,992 --> 00:03:57,721
um zu entscheiden, ob es Fehler in unserem Denken gibt.

51
00:03:57,721 --> 00:04:03,459
( MUSIK)