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

Variable definieren

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In AngularJS können Modulvariablen definiert werden. Dabei werden innerhalb eines Moduls feste Werte mittels eines Variablennamens abgelegt. Diese können anschließend von unterschiedlichen Modul-Controllern verwendet werden.
02:47

Transkript

In diesem Video möchte ich Euch sehr gerne demonstrieren, wie wir in der Lage sind, Modulvariablen zu definieren. Also innerhalb eines Moduls feste Werte mittels eines Variablennamen an einen Eigenschaftsnamen dann entsprechend abzulegen, um dann anschließend in den unterschiedlichen beispielsweise Modul Controllern oder auch Callbacks diese Werte dann verwenden zu können. Das Ganze hört sich viel komplizierter an, als es ist. Lasst uns einfach ein Modul anschauen und dieses Modul, das wir uns anschauen, ist ein Applikationsmodul, das per Bootstrap direkt an unsere Angular-Anwendung dann entsprechend drangehängt wird und sobald das Modul selber beginnt zu arbeiten, bekommen wir dann hier an dieser Stelle die Ausgabe fertig innerhalb des HTML-Div-Knotens mit der ID preloader. Was ich jetzt machen möchte, ist eine Variable zu definieren. Wenn ich eine Variable definieren will, ist das Ganze wirklich denkbar einfach. Ich kann hier die Methode value innerhalb der Modulinstanz verwenden und muss dann anschließend nur noch den Namen der Variable definieren, die ich in diesem Modul dann ablegen möchte und als Name gebe ich headline und dann als zweiten Parameter den Wert Überschrift. Das Ziel soll jetzt einfach sein, dass ich hier innerhalb des Moduls selber eine Variable headline definiert habe mit dem Wert Überschrift und diese möchte ich jetzt hier einfach in h1 definieren. Dafür gebe dem schnell eine ID headline. Diese ID schnappe ich mir jetzt und kann dann anschließend mit getElementById, hier muss der Wert sein. Dann die Werte setzen. Hier steht dann, hier muss der Wert rein. Das heißt, hier möchte ich dann anschließend den Wert Überschrift, welches ich mit der Methode value in die Variable headline gesetzt habe dann entsprechend anzeigen. Damit ich das Ganze jetzt machen kann, kann ich beispielsweise jetzt hier in dem run Callback per dependency injection die Variable, die ich definiert habe, einfach hier hinzufügen und danach dann auch anschließend als Parameter der Callback-Methode dann direkt verwenden, indem ich dann das in der HTML diesen Wert dann zuweise. Wenn wir das Ganze dann entsprechend ausprobieren und das refreshen, sehen wir, dass die Überschrift dort gelandet ist. Wir haben also gelernt, wie wir mittels der Methode value in der Lage sind in das Modul Werte abzulegen und entsprechend zu speichern.

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!