AngularJS 1.3 Grundkurs

Bindung über eine Direktive

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Eine Direktive dient auch dazu, Bindungen zu einer Scope-Eigenschaft über einen Attributausdruck zu erstellen.
02:01

Transkript

Innerhalb der AngulareJS-Well kann ich hier mit den geschweiften Klammern innerhalb einer View eine Bindung zum Scope Eigenschaften entsprechend definieren. Hier sehen wir, dass ich das einmal gemacht habe mit dem Wert username oder besser gesagt mit der Eigenschaft username, und das habe ich einmal gemacht indem ich eine permanente Bindung mache und einmal, indem ich eine einmalige Bindung mache. Die einmalige kennen wir durch die zwei Doppelpunkte, die, im Ausdruck beginnend, vorweg stehen. Der username selber wird im UserController hier definiert und beginnt mit dem Wert Saban Unlü und nach einem Time out wird es dann zu Peter Müller Und ich bin jetzt in der Lage, eine Bindung auch nicht nur über diese geschweiften Klammern zu machen, sondern über die direktive ng-bind . Mit der direktiven ng-bind bin ich jetzt in der Lage einfach zu sagen: "Hey, binde mir mal den username". Schaue ich mir das Ganze an, dann sehen wir wunderbar,dass der username hier gebunden worden ist. Das ist es hier in diesem Fall der untere Bereich. Und würde ich das Ganze jetzt auch mal verwenden mit diesen beiden Doppelpunkten vorweg als Ausdruck. Dann werden wir auch sehen dass hier dann ebenfalls die Funktionität da ist, dass ich dann mit once ein einziges Mal die Bindung annehmen lasse, sowie dann Saban Unlü übernomme,aber Peter Müller nicht mehr,was für Performance Zwecke natürlich sehr, sehr dienlich ist. Der Nachteil, wenn ich mit ng-bind arbeite, ist im Grunde genommen, dass ich hier in der Lage werde noch Texte vorzuschreiben The Username is Teste ich das an. Dass ich das hier hervorragend kombienieren kann innerhalb eines ganz normalen Textflusses, dass ich da mit den geschweiften Klammern sagen kann, wo genau der Text sein muss. Der Nachteil, den sehe ich aber auch hier gleichzeitig. Ich sehe einen Bruchteil einer Sekunde immer ganz, ganz kurz diese geschweiften Klammern. Die sind sehr, sehr hässlich. Es gibt zwar einen Weg, wie ich das unterbinden kann aber das ist Thema eines anderen Videos. In diesem hier haben wir ng-bind kennen gelernt, welches uns ermöglicht, innerhalb eines HTML-Elementes eine Bindung zu einer Scope Eigenschaft herzustellen.

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
Erscheinungsdatum:19.11.2014

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!