Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

AngularJS 1.3 Grundkurs

Model nach Verlassen des Texteingabefelds aktualisieren

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
AngularJS 1.3 beinhaltet eine neue Eigenschaft, um die Darstellung innerhalb des Models erst nach Verlassen des Texteingabefelds zu aktualisieren.
02:13

Transkript

Verwende ich ng-model für eine bidirektionale Bindung, hat das Ganze leider auch einen kleinen Nachteil, nämlich da hin, dass im Grunde genommen das Model wirklich permanent aktualisiert wird, im Grunde genommen jedes Mal, wenn ich auch nur ganz kurz mal berührte In vielen Fällen ist das überflüssig, denn in vielen Fällen reicht es vollkommen aus, wenn ich das Model erst dann entsprechend aktualisiere, wenn ich zum Beispiel das Texteingabe-Feld verlasse. Und um das einmal zu symbolisieren, beziehungsweise, um euch zu zeigen, dass das Ganze funktioniert, möchte ich euch eine neue Eigenschaft in Angular 1.3 vorstellen, die nennt sich ng-model und dann options. ng-model-options kann ich jetzt mit einem Objekt versehen und in diesem Objekt kann ich nun definieren, was für Optionen ich verwenden möchte, wenn ich mit ng-model arbeiten möchte. Und ich verwende jetzt hier die Option updateOn. Die Option updateOn erwartet von mir eine Zeichenkette, nämlich das Ereignis, das verwendet werden soll auf diesem Text-Eingabe-Feld, oder viel mehr auf dem geachtet werden soll, das dann quasi der Trigger ist, wann eigentlich die Modeleigenschaft tatsächlich dann innerhalb des Scopes aktualisiert werden soll. blur bedeutet nichts anderes als, dass ich quasi in diesem Input-Text-Feld jetzt beliebig viel schreiben kann. Es wird dafür sorgen, dass username sich entsprechend innerhalb des Scopes überhaupt nicht anpasse. Und erst wenn ich das Texteingabe-Feld verlasse, wird dann entsprechend der Wert transportiert. Das will ich euch einmal kurz demonstrieren. Wenn ich jetzt hier hingehe und etwas eingebe noch, dann seht ihr, dass oben die Bindung symbolisiert, beziehungsweise zeigt, dass im Model sich die Eigenschaft noch nicht mitaktualisiert hat. Und erst, wenn ich dann auf tab drücke, um das Texteingabe-Feld zu verlassen geht dann Angular hin und sorgt über die updateOn-blur Methodik in model-options, dass die Eigenschaft username innerhalb des Scopes aktualisiert wird. Damit kann ich entsprechend dafür sorgen, dass die Model-Aktualisierung und das Dirty Checking innerhalb von AngularJS nicht so belastet wird, wie in diesem Beispiel jetzt perfekt zu erkennen.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Ihr(e) Trainer:
Erscheinungsdatum:19.11.2014
Laufzeit:4 Std. 15 min (74 Videos)

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!