[MUSIK]
Lassen Sie uns wissen, kurz Wert Formen und Formen Unterstützung in Angular.
Wir haben bereits die Verwendung von Formularen im vorherigen Bootstrap-Kurs gesehen und
wir haben gesehen, wie Bootstrap es uns ermöglicht, die Standard-HDMI-Formulare zu stylen.
In dieser Lektion werden wir die Angular-Unterstützung für Formulare,
zwei verschiedene Arten von Formularen, vorlagengesteuerte Formulare und reaktive Formulare betrachten.
Wir werden den Unterschied zwischen den beiden betrachten, und
wo jeder von ihnen in unserer Angular-Anwendung geeignet ist.
In
dieser Lektion und in der nächsten Lektion werden wir die Vor- und Nachteile jedes Ansatzes genauer betrachten.
Außerdem werden wir uns die Formularvalidierung ansehen, wie Angular die Formularvalidierung unterstützt
und wie wir die Formularvalidierung für unser Template-gesteuertes Formular
in der nächsten Vorlesung nach der Übung durchführen können.
Wir haben bereits erkannt, dass Formulare ein kohärentes, effektives und
überzeugendes Dateneingabe-Erlebnis für Benutzer unterstützen.
Sie sehen, dass Formulare überall auf Websites verwendet werden.
Wenn Sie sich beispielsweise bei einer Website anmelden müssen, müssen Sie Ihre Benutzer-ID und Ihr Passwort eingeben.
Oder wenn Sie zum Beispiel Informationen einreichen müssen.
Wenn Sie ein Filmticket buchen, oder wenn Sie
eine Bestellung in einem Online-Lebensmittelgeschäft oder in vielen anderen Anwendungsfällen aufgeben,
werden Formulare häufig verwendet,
um Benutzern eine umfassende Möglichkeit zur Eingabe von Informationen in die Websites oder die Webanwendung zu bieten.
Das Angular-Framework bietet umfassende Unterstützung für
Formulare, einschließlich der Validierung von Formularen und Formularen.
Hier nutzen wir die Angular-Unterstützung für bidirektionale Datenbindung
und Nachverfolgung von Änderungen, die wir in den Formularelementen vornehmen, und auch Formularvalidierung.
Wenn Sie also Daten in ein Eingabefelder in Ihrem Formular eingeben, werden
die Daten automatisch mit Angular-Unterstützung für Formulare ausgewertet.
Wir werden einige davon genauer betrachten, während wir die Lektionen durchlaufen.
Lassen Sie mich Sie schnell an HTML-Formulare selbst erinnern.
Sie wissen bereits, dass Formulare durch das
Formularelement in Ihrer HTML-Seite unterstützt werden.
Zusammen mit dem Formularelement können Sie innerhalb des Formular-Tags auch Dinge
wie ,, , und s und viele mehr einschließen.
Wir werden sehen, wie die Angular-Unterstützung zusammen mit den
HTML-Formularelementen funktioniert, ermöglichen es uns, zwei verschiedene Arten von Formen,
vorlagengesteuerte Formen und auch reaktive Formen in Angular zu entwerfen.
In dieser Lektion konzentrieren wir uns auf die Winkelunterstützung für vorlagengesteuerte Formulare.
In einer vorlagengesteuerten Form werden sie die Angular-Vorlage zusammen mit
den Formularelementen verwenden, die wir gerade gesehen haben, um Formulare zu
konstruieren und die Angular-Unterstützung für vorlagengesteuerte Formulare zu nutzen.
Und wir werden in der Lage sein, die Angular formspezifischen Direktiven an die
Formularelemente innerhalb unserer Vorlagen zu binden und dann die bidirektionale Datenbindung zu nutzen,
die auch Validierung und Fehlerunterstützung bilden, die Angular für uns bereitstellt.
In der Übung, die sofort folgt,
wird dieser Vortrag untersuchen, wie wir ein Template-getriebenes Formular entwerfen können.
Insbesondere werden wir auch untersuchen, wie die bidirektionale Datenbindung mit
Angular unterstützt, mit der ngModel Direktive verwendet werden kann, um
die Informationen aus Ihrem Formular an
einige JavaScript-Variablen zu binden, die Sie innerhalb Ihrer Klassen deklariert haben.
In der Übung, die dieser Vorlesung unmittelbar folgt,
schauen wir uns an, wie wir eine vorlagengesteuerte Form entwerfen können.
Insbesondere werden wir uns ansehen, wie die bidirektionale Datenbindung, die Angular mit
der ngModel Direktive unterstützt, genutzt werden kann, um die Informationen aus
Ihrem Formular an einige JavaScript-Variablen zu binden, die Sie innerhalb Ihrer Klassen deklarieren.
Und hier kommt uns die Banane in einer Kiste, auf die wir
vorhin mit der NGModel-Richtlinie Bezug genommen haben, zu Hilfe.
Wenn wir die Übungen durchlaufen, wird dies noch deutlicher.
Lassen Sie uns nun lernen, wie Sie die Angular-Unterstützung für
vorlagengesteuerte Formulare nutzen können, um unsere Formulare in den Übungen zu entwerfen.
( MUSIK)