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

AngularJS 1.3 Grundkurs

Bedeutung des Scope

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Der Scope verbindet in AngularJS die View sowie den Controller miteinander und stellt einen automatisch generierten Singleton dar.
02:52

Transkript

In den kommenden Minuten möchte ich mich sehr gerne mit euch über Scopes und Bindungen unterhalten. Nun wir haben schon mal darüber gesprochen, dass im Grunde genommen ein Scope selber nichts anderes ist als die Brücke zwischen der View und dem Controller, das heißt, den, was der User sieht und die Business-Logik, die entsprechend dann Interaktionen beispielsweise von HTML-Elementen oder ähnliches beinhaltet. Wenn ihr also hingeht und auf ein HTML-Element mit "ng-controll" einen Controller binde t, dann wird vollautomatisch auf diesem HTML-Element ein Scope angewandt. Dieser Scope wird von AngularJS generiert und ist ein Singleton, das heißt, ihr könnt sicher sein, dass dieses einmalig generiert wurde, und dass wenn ihr das in unterschiedlichen Kontexts entsprechend dann verwendet, dass es für ein HTML-Element immer das ein und selbe Scope bekommt, wenn es die Dependency Injection verwendet. Weiter es ist so, dass in dem Moment, wo ihr einen Scope dann entsprechend auf einem HTML-Element habt, könnt ihr das sehr gut für Debug-Information dadurch erkennen, dass das HTML-Element die CSS-Klasse "ng-scope" inhaltet, das heißt, ihr könnt im HTML-DOM quasi optisch erkennen, ob ein Scope auf einem HTML-Element angewendet worden ist, zumindestens ferner, die Debug-Information nicht ausgeschaltet worden ist. Dadurch, dass der Scope nun als Brücke zwischen der View und dem Controller dient, kann ich den Scope natürlich auch zusätzlich dafür verwenden, um ihn via Bindung zum einen Model zu machen. Das bedeutet eigentlich nichts anderes, als wenn ich ihn in meinem Scope selber einfach Eigenschaften oder Methoden definiere. Kann ich diese Eigenschaften und Methoden mit Ausdrücken in meiner View entsprechend binden? Dabei ist es mir überlassen, ob ich bei der Bindung dann eine einmalige Bindung verwenden möchte, eine bidirektionalle Bindung verwenden möchte oder entsprechend eine permanente Bindung, so dass ich dann immer wieder Aktualisierung bekomme in der View, in dem Moment, wo sich die Eigenschaften dann ändern, beziehungsweise nur einmalig eine Aktualisierung bekomme oder bei der biderektionalen Methode, dass ich auch in der Lage bin, in der View tatsächlich Modeleigenschaften dann direkt per Input-Eingabe zu modifizieren. Weiterhin ist auch der Scope der Container für Controller Alias, wenn ihr also mit ng-controller einen Controller definiert und mit as ein Alias definiert, so ist dann quasi automatisch ein Alias im Scope zu finden, den ihr nämlich mit dem Namen as definiert habt, und ab diesem Moment seid ihr dann auch in der Lage, dann jeder Zeit die Bindungen und die Zugehörigkeiten über controller, Punkt (.) und, da entspechend, Eigenschaftsnamen oder Methodensnamen entsprechend zu verwenden. Zu guter Letzt es ist so, dass wenn ihr immer eine Bindung verwendet, dass ihr das HTML-Element innerhalb der Debug-Ansicht dann immer dadurch erkennt, dass es eine CSS-KLasse ng-binding hat, die im Grunde genommen symbolisiert, dass ein bestimmtel HTML-Element mit einer Bindung an einen Scope gebunden ist.

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!