Modelldaten und -umfang in AngularJS

Inhaltsverzeichnis
Wenn wir über den Umfang eines Modells sprechen, sprechen wir über die $ Scope-Objekt, dieser ist dafür verantwortlich, die Daten des Modells den Ansichten anzuzeigen, damit können wir die verschiedenen Teile unserer MVC-Struktur verbinden.
In AngularJS Daten werden nur dann als Teil des Modells betrachtet, wenn sie für das Objekt sichtbar sind $ Umfang, ist dieses Objekt der Bereich oder Bereich, den wir verwenden müssen, um die Änderungen anzuzeigen, die in unserem Modell auftreten können.
Wenn wir mit dem Objekt arbeiten $ UmfangOftmals können wir eine explizite Zuweisung von Werten vornehmen, so dass wir innerhalb eines Controllers den Empfang von Daten von einem Modell simulieren können.
Durch die Zuweisung der Daten oder des Wertes an die $ UmfangDies kann innerhalb der Ansicht verwendet werden, unabhängig von ihrer Herkunft, wie beispielsweise ein Modell oder eine explizite Zuweisung, die wir gesagt haben.
Sehen wir uns im folgenden Beispiel an, wie wir das, was wir kommentiert haben, in einen einfachen Code von . übersetzen können AngularJS:
Stellen Sie das Konto auf 3

{{Zähler}}

Stellen Sie das Konto auf 3

{{Zähler}}


Im Beispiel sehen wir, dass wir in unserem Controller-Content den Wert einer Eigenschaft explizit setzen, damit können wir den Wert des Objekts übergeben $ Umfang Einblick; Im nächsten Abschnitt haben wir eine Schaltfläche erstellt, die die Controller-Methode aufruft. Schließlich erstellen wir eine neue Schaltfläche, die die Zuweisung explizit vornimmt, und wir haben einen äquivalenten Code.
Mit dem, was im Beispiel steht, erreichen wir in unserem Browser Folgendes:

VERGRÖSSERN

Wir sehen, dass beide Optionen es uns ermöglichen, die Hauptfunktion auszuführen, die wir entwickelt haben, um einen Zähler zu setzen, der auf drei gesetzt ist.
ng-ModellEin weiterer Aspekt, den wir platzieren können, ist das Erstellen eines Formulars mit der Eigenschaft ng-ModellDamit werden wir in der Lage sein, eine bidirektionale Vereinigung zwischen beiden Elementen, dh zwischen der Form und dem betreffenden Modell, zu erreichen; damit können sie im Rahmen des sie umfassenden Verantwortlichen arbeiten.
Die Methode beobachten () ist vielleicht eines der am häufigsten verwendeten in AngularJS, da wir damit in Echtzeit die Änderungen erkennen können, die sich auf unsere Modelle auswirken können, und mit diesen Änderungen Aktionen innerhalb unserer Anwendung ausführen.
Tatsächlich können wir ein bestimmtes Objekt oder vielleicht das Ergebnis einer Methode beobachten. Wichtig ist, dass wir diese Methode in einem breiten Spektrum dessen verwenden können, was Javascript im Browser darstellt. Wir können diese Methode wie folgt anwenden:
$ beobachten (watchFn, watchAction, deepWatch)

Diese von der Methode empfangenen Parameter ermöglichen es uns, das zu berücksichtigende Modell anzugeben, die Methode, die bei einer von uns festgestellten Änderung oder Bedingung auszuführen ist, und damit können wir viele unserer Bedürfnisse in Bezug auf die Überwachung der Änderungen erfüllen des Modells
Damit beenden wir dieses Tutorial, wir haben bereits eine Einführung in den Umfang der Daten in unseren Modellen in einer Anwendung, die mit erstellt wurde AngularJS.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave