Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

AngularJS Grundkurs

Controller anbinden

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Ein Controller kann in AngularJS in wenigen Schritten an eine View oder ein HTML-Element angebunden werden.
02:39

Transkript

Nachdem wir einen Controller erzeugt haben in AngularJS, ist es natürlich sehr wichtig, dass wir auch kennenlernen, wie wir einen Controller dann entsprechend an eine View bzw. an ein HTML-Element anbinde und dies möchte ich jetzt in diesem Video schnell demonstrieren. Schnell heißt im Grunde genommen auch genauso wie es das Wort sagt. Es ist nämlich überhaupt keine großartige Magie dahinter. Das, was ich hier eigentlich nur machen muss, ist beispielsweise irgendein Element erzeugen. In diesem Fall ist es jetzt ein ganz ordinärer Div-Knoten und in diesem Div-Knoten schreibe ich jetzt hier einfach Meine erste angularJS View. Das schauen wir uns einmal an. Da unten ist das Ganze. Damit ich jetzt diese View, die ich erzeugt habe, was in diesem Kontext nur ein Div-Knoten ist, kombinieren kann mit den Controller bzw. zuweisen kann an diesen Controller, gibt es eine Direktive, die nennt sich ng-controller und die wird automatisch von AngularJS zur Verfügung gestellt. Dieses Attribut setze ich an das HTML-Element, das ich mit diesem Controller verbinden möchte, wo ich möchte, dass dieser Controller dann gemeinsam mit diesem HTML-Element arbeitet. Als nächstes erwartet dieser Attribut den Namen des Controllers und den Namen des Controllers haben wir jetzt in unserem Beispiel innerhalb des Controller Moduls hier mit der Zeichenkette Controller definiert und die verweist hier auf diese Controller Klasse. Das heißt, ich kann jetzt hier einfach Controller eingeben und wenn ich dann entsprechend hier einmal einen Refresh mache, sehen wir, dass das alles wunderbar funktioniert. Jetzt gehen wir hier noch hin, damit Ihr mir glaubt, dass auch eine Instanz vom Controller erzeugt wurde und angelegt wurde, mache ich jetzt schnell ein console.log, controller für View wurde erstellt. Testen wir das Ganze also. Dann haben wir hier den Beweis, dass der Controller erzeugt wurde. Das heißt, ab jetzt ist dieses HTML-Element fest gebunden mit diesem Controller und ich kann dann über den Controller die einzelnen Interaktionen dieses Elementes dann steuern und entsprechend dann auch Ansichten aktualisieren und dafür sorgen, dass dann die Interaktivität des Benutzers dann weiter durch delegiert wird. In diesem Kapitel haben wir also gelernt, wie wir mittels der Direktive ng-controller in der Lage sind, einen Controller dann an ein HTML-Element zu binden.

AngularJS Grundkurs

Arbeiten Sie sich in AngularJS, einem JavaScript-Framework von Google, ein und sehen Sie, wie Sie mit MVC-Design-Pattern und Dependency Injection im HTML-Umfeld arbeiten können.

3 Std. 43 min (44 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

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!