1. Einfacher Gebrauch von $ watch
$watch ist eine scope , die auf Modelländerungen hört und Sie benachrichtigt, wenn sich Teile Ihres Modells ändern.
$ watch (watchExpression, Hörer, Objektqualität);
Die Beschreibung jedes Parameters lautet wie folgt:
WatchExpression: Das Objekt, auf das man sich anhören muss, kann ein Winkelausdruck wie "Name" oder eine Funktion wie function(){return $scope.name} sein.
Hörer: Die Funktion oder der Ausdruck, der aufgerufen wird, wenn sich watchExpression ändert, empfängt 3 Parameter: newValue (neuer Wert), oldValue (alter Wert), scope (Verweis auf Geltungsbereich)
ObjektEqualität: Ob Sie tief anhören, wenn es auf True gesetzt ist, fordert es Angular an, die Änderungen in jeder Eigenschaft im überwachten Objekt zu überprüfen. Wenn Sie einzelne Elemente des Arrays oder die Eigenschaft des Objekts anstelle eines Normalwerts überwachen möchten, sollten Sie es verwenden
Nehmen Sie eine Kastanie:
$ scope.name = 'hello'; var watch = $ scope.
2. Hören Sie sich Änderungen in mehreren Werten an
Die übliche Situation besteht darin, durch $watch() auf Wertänderungen einzeln zuzuhören, was natürlich die meisten Situationen erfüllt sind. Durch das Lesen der Erklärung der offiziellen Website zu $watch() hat $watch() einen dritten Parameter, der dritte Parameter ist ein boolescher Typ, der angibt, ob sie tief hören sollen. Ein Beispiel für eine tiefe Überwachung ist, ob die Eigenschaften des Objekts verglichen werden sollen.
Auf diese Weise können wir Änderungen mehrerer Werte gleichzeitig überwachen.
Beispielcode
var app = angular.module ("watchApp", []) .controller ("WatchController", ["$ scope", function ($ scope) {$ scope.object = {}; $ scope.object.one = $ scope.one;Zusammenfassen
In der obigen Stelle geht es darum, wie AngularJS auf mehrere Werte hört, die sich gleichzeitig ändern. Hast du es gelernt? Ich hoffe, der Inhalt dieses Artikels wird für das Studium und die Arbeit aller hilfreich sein. Wenn Sie Fragen haben, können Sie eine Nachricht zur Kommunikation überlassen. Vielen Dank für Ihre Unterstützung bei Wulin.com.