AngularJS Grundkurs

Methoden binden

Testen Sie unsere 1931 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Methoden können in AngularJS ebenfalls gebunden werden. Dadurch besteht die Möglichkeit, den Rückgabewert einer Methode innerhalb einer Bindung darzustellen.
03:17

Transkript

Natürlich kann ich in AngularJS auch Methoden binden und dementsprechend den Rückgabewert einer Methode dann innerhalb einer Bindung darstellen. Welchen Vorteil das hat, das möchte ich hier einmal ganz schnell demonstrieren. Also wenn ich jetzt beispielsweise eine Variable hier in meinem Scope definiere personLng und diese Variable soll nichts anderes machen als von Scope die Personenliste und die Anzahl der Personen über die length entsprechend beinhalten und würde dann hier ganz schnell einmal dafür sorgen, dass ich das darstelle. Anzahl der Personen schreibe ich vorweg, dann kommt die Bindung. Dann sehen wir wunderbar, dass es dann 4 Elemente an dieser Stelle sind. Wenn ich jetzt hier ein weiteres Element hinzufüge, wird es zwar eingefügt, aber das aktualisiert sich an dieser Stelle nicht. Dies liegt daran, dass ich das Ganze einmalig in meinem Scope dann definiert habe. Hätte ich aber beispielsweise statt einer einmaligen Definition an dieser Stelle eine Funktion definiert, die beispielsweise getPersonsLength heißt und diese hätte nichts anderes gemacht, als den Rückgabewert zu machen. Könnt Ihr dann automatisch sehen, dass bei dieser Bindung dafür gesorgt wird, dass ich einfach getPersonsLength hier als Methode hinzufüge, dann natürlich auch mit Klammer auf und Klammer zu. Refresh und wenn ich das jetzt hier hinzufüge, seht Ihr dann, dass dann automatisch die Anzahl sich mitaktualisiert. Dies liegt tatsächlich daran, dass wir hier etwas gemacht haben, dass wir nämlich eine Methode, die hier in meinem Gültigkeitsbereich in meinem Scope definiert wurde, gebunden haben. Dadurch wird der Rückgabewert dieser Methode dann entsprechend dargestellt in meiner Bindung. Dadurch dass jetzt die Methode selbst auf ein Objekt, das in dem Scope sich modifizieren lässt, entsprechend verweist, nämlich persons an dieser Stelle und dementsprechend auch die length dazu, ist es als ob ich ein Oberserver Pattern an dieser Stelle anwende. Das heißt, ändert sich hier die Personenanzahl wird automatisch an der Stelle, wo getPersonsLength entsprechend gebunden wurde als Methode, aktualisiert und stellt dort den neuen Wert dar. Somit haben wir wunderbar demonstriert, wie wir in der Lage sind nicht nur grundsätzlich den Vorteil zu haben, dass wir Methodenausgaben binden können, sondern auch dass Methodenausgaben, die dann innerhalb auf Scope-Eigenschaften verweisen dann automatisch neu getriggert werden, wenn diese sich ändern.

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!