1. Utilisation simple de $ watch
$watch est une fonction scope qui écoute les modifications du modèle, qui vous informera lorsque des parties de votre modèle changent.
$ watch (watchExpression, auditeur, objectEquality);
La description de chaque paramètre est la suivante:
WatchExpression: l'objet à écouter, il peut être une expression angulaire telle que «nom», ou une fonction telle que function(){return $scope.name} .
Écouteur: la fonction ou l'expression qui sera appelée lorsque watchExpression change, il reçoit 3 paramètres: newValue (nouvelle valeur), oldValue (ancienne valeur), scope (référence à la portée)
ObjectEquality: Que ce soit à écouter profondément, s'il est défini sur true, il dit à Angular de vérifier les modifications de chaque propriété dans l'objet surveillé. Si vous souhaitez surveiller les éléments individuels du tableau ou la propriété de l'objet au lieu d'une valeur normale, vous devez l'utiliser
Prenez un châtaignier:
$ scope.name = 'hello'; var watch = $ scope. $ watch ('name', function (newValue, oldvalue, scope) {console.log (newValue); console.log (oldvalue);}); $ timeout (function () {$ scope.name = "world";}, 1000);2. Écoutez les changements dans plusieurs valeurs
La situation habituelle consiste à écouter les changements de valeur un à la fois via $watch() , qui, bien sûr, la plupart des situations sont satisfaites. Cependant, en lisant l'explication du site officiel de $watch() , $watch() a un troisième paramètre, le troisième paramètre est un type booléen, indiquant s'il faut écouter profondément. Un exemple de surveillance profonde est de comparer les propriétés de l'objet.
De cette façon, nous pouvons surveiller les changements dans plusieurs valeurs à la fois.
Exemple de code
var app = angular.module ("watchApp", []) .Controller ("watchController", ["$ scope", function ($ scope) {$ scope.object = {}; $ scope.object.one = $ scope.one; $ scope.object.one = $ scope.one; $)Résumer
Ce qui précède est tout sur la façon dont AngularJS écoute plusieurs valeurs changeant en même temps. L'avez-vous appris? J'espère que le contenu de cet article sera utile à l'étude et au travail de chacun. Si vous avez des questions, vous pouvez laisser un message pour communiquer. Merci pour votre soutien à wulin.com.