[MUSIK]
Wo sich ein geformtes befindet, gibt es eine Validierung direkt dahinter.
Was bedeutet Winkelunterstützung, reaktiv für die Validierung zu tun?
Darüber werden wir in dieser Vorlesung sprechen.
Angular bietet eine Reihe von Validatoren, die zusammen mit reaktivem Modul enthalten sind.
Wir haben bereits in der früheren Übung gesehen,
dass die Validatoren in unsere Kontaktkomponente.tc Datei aufgenommen wurden.
Wie nutzen wir das innerhalb unserer Anwendung?
Lassen Sie uns also einen Blick darauf werfen, wie wir Formularvalidierung innerhalb unserer Anwendung durchführen können.
Um die eingebauten und Validatoren zu verwenden, die eckig für
reaktive Formulare unterstützt, fügen sie die Validatoren in unsere Komponentendatei ein.
Und dann nach, dass wir, wenn wir den Form Builder verwenden,
dann können wir die Validatoren anwenden, wie in diesem Beispiel gezeigt.
Daher können Sie für jede der Eigenschaften, die Sie definieren, auch den Wert für
die Eigenschaft als Array definieren, das den Anfangswert + eine Reihe von Validatoren enthält.
Also habe ich in diesem Fall die Validatoren angewendet, die für
all diese verschiedenen Elemente hier erforderlich sind.
Sie können mehr als einen Validator anwenden.
Sie können sie hier als Teil dieses Arrays deklarieren.
Hier in diesem Beispiel sehen Sie, wie ich die erforderlichen Validatoren anwendet.
In ähnlicher Weise gibt es eine min Länge, maximale Länge
und andere insgesamt in eckig.
Sobald Sie die Validatoren angewendet haben, wie prüfen wir dann die
Eigenschaften der Daumensteuerung, um festzustellen, ob Fehler vorliegen, und
um dem Benutzer entsprechende Rückmeldungen zu geben, um ihn über die Fehler zu informieren?
So können Sie jeden Wert
in einem Formular-Steuerelement überprüfen, indem Sie seine Eigenschaft wie folgt betrachten.
Also zum Beispiel, wenn Sie den Status des Vornamens Formular-Steuerelement untersuchen müssen,
dann können Sie sagen, Feedbackform.Get, dass codiert Vorname.status oder Sie können sagen,
Feedbackform.Get telnum.HasError und dann sagen, es erforderlich.
Also werden alle diese entweder wahr oder falsch sein.
Abhängig von ihren aktuellen Zuständen.
Durch die Verwendung von .value erhalten Sie den Wert des Formular-Controllers selbst.
Sie können also FeedbackForm.get ('firstname') .value sagen.
Und das gibt den aktuellen Wert zurück, der in dieses Formular-Steuerelement eingegeben wird.
Dieser Status gibt Ihnen nur die Gültigkeit des Formularsteuerelements.
Es kann entweder gültig oder ungültig ausstehend oder deaktiviert sein.
In ähnlicher Weise können Sie nach dem ursprünglichen Wert suchen.
Sie können entweder nach makellos oder
schmutzig suchen, genau wie wir in den vorherigen Vorlagenformularen makellos und schmutzig verwendet haben.
Ähnlich wie das können Sie makellos und schmutzig überprüfen, um zu überprüfen, ob es
wahr ist, dann ist das Formular-Steuerelement entweder .pristine oder .dirty.
Und in ähnlicher Weise, .unberührt und .berührt.
Die unberührte und berührte wird wahr sein, wenn der Benutzer noch keinen
HTML-Wert in das HTML-Steuerelement eingegeben hat und sein Weichzeichnereignis auslöst.
Das bedeutet also, dass Sie den Wert eingegeben haben und diesen dann belassen, damit
das Unberührte oder Berührte auf true oder false gesetzt wird.
Wir werden die Verwendung dieser in der Übung sehen, die folgt, wo
wir diese Validatoren verwenden und auch die Formularsteuerelemente überprüfen,
um zu entscheiden, ob es Fehler in unserem Denken gibt.
( MUSIK)