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

AngularJS 1.3 Grundkurs

Auf Eltern-Scope zurückgreifen

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Dieses Video zeigt die Vorgehensweise, um innerhalb eines Scope auf einen übergeordneten Eltern-Scope explizit zurückzugreifen.
03:32

Transkript

In den kommenden Minuten möchte ich euch gerne demonstrieren, dass wir in der Lage sind, innerhalb eines bestimmten Skopes, in dem wir uns befinden, auf übergeordnete Elterns-Skopes explizit zurückgreifen zu können. Anders gesagt, hier seht ihr einen div-Knoten, der mit ng-conroller an den secondCtrl angebunden ist und entsprechend an den Scope von secondCtrl. Und der div-Knoten befindet sich hier innerhalb des div-Knotens, der wiederum mit firstCtrl hier initialisiert wurde. Das bedeutet, secondCtrl befindet sich im firstCtrl, und ich möchte aus dem second-Scope auf den first-Scope zurückgreifen. Wie ich das machen kann, ist im Grunde genommen relativ einfach. Ich bin in der Lage, mit der Eigenschaft $parent auf übergeordnete Scopes zuzugreifen. Ferner, diese nicht isoliert sind. Ich werde, um das einmal zu demonstrieren, einen Ereignishandler hier definieren. Der heißt dann einfach "Change-Parent-Value" (chgParentVal). Und mit chgParentVal möchte ich in der Lage sein, auf den firstCtrl-Scope-Value hier Einfluss zu nehmen, der sich im ersten Controller befindet. Das hier entferne ich dafür. So. Und hier schreibe ich dann einfach der geändert Wert in firstCtrl-Scope. Perfekt! Sieht auf dem ersten Blick sehr gut aus. Jetzt müssen eigentlich nur noch hier ein button hinzufügen, der dann entsprechend chgParentVal dann aufruft, und hier drin stehend hat ändere firstCtrlScopeVal Wunderbar! Müssen jetzt einige noch dafür sorgen, dass wir, der Vollständigkeit halber, den firstCtrlScopeVal hier mal noch anzeigen. Sieht alles super aus! Dann lass uns mal schauen! Ich aktualisiere hier mal die Seite. Dann sehen wir hier den firstCtrlScopeVal. Das ist der identische wie hier Und klicke ich dann entsprechend hier auf ändere firstCtrlScopeVal, dann wird der Wert automatisch geändert. Und das passiert tatsächlich dadurch, dass ich über parent aus dem secondCtrlScope dann auf den firstCtrlScope zurückgreifen kann und das dann entsprechend definieren kann. Bedeutet, würde ich jetzt hier in dem secondCtrlScope auch zum Beispiel wieder so einen Wert für den firstCtrlScopeVal als Dublikat hier erstellen. Das ist dann der firstCtrlScopel in secondCtrlScope. So. Dann sieht das so aus, hier steht der firstCtrlScopeVal in secondCtrlScope den wir gerade erzeugt haben. Da würde ich hier gebunden. Klicke ich aber hier auf ändere firstCtrlScopeVal, wird durch das parent explizit eine Herarchieebene höher im Eltern-Knoten dann geschaut, Das heißt, hier findet er dann entsprechend firstCtrlScopeVal und ändert dann entsprechend ausschließlich diesen Wert hier. Klicke ich also hier drauf, sehen wir, dass dieser Wert unbeeinflusst bleibt, und dieser hier sich automatisch ändert. Innerhalb dieses Videos haben wir also gelernt, wie wir in der Lage sind, mit der Eigenschaft $parent innerhalb eines Scopes auf übergeordnete Scope-Objekte zurückgreifen zu können.

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!