1. Uso simple de $ reloj
$watch es una función scope que escucha los cambios en el modelo, que le notificará cuándo cambian partes de su modelo.
$ watch (watchExpression, oyente, objeto yequalidad);
La descripción de cada parámetro es la siguiente:
WatchExpression: el objeto para escuchar, puede ser una expresión angular como 'nombre' o una función como function(){return $scope.name} .
Oyente: la función o expresión que se llamará cuando cambia watchExpression , recibe 3 parámetros: newValue (nuevo valor), oldValue (Valor anterior), scope (referencia al alcance)
ObjectEquality: si se debe escuchar profundamente, si se establece en verdadero, le dice a Angular que verifique los cambios en cada propiedad en el objeto monitoreado. Si desea monitorear elementos individuales de la matriz o la propiedad del objeto en lugar de un valor normal, debe usarlo
Toma una castaña:
$ 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. Escuche los cambios en múltiples valores
La situación habitual es escuchar los cambios en el valor uno a la vez a través de $watch() , que, por supuesto, la mayoría de las situaciones están satisfechas. Sin embargo, al leer la explicación del sitio web oficial de $watch() , $watch() tiene un tercer parámetro, el tercer parámetro es un tipo booleano, que indica si escuchar profundamente. Un ejemplo de monitoreo profundo es si comparar las propiedades del objeto.
De esta manera, podemos monitorear los cambios en múltiples valores a la vez.
Código de muestra
var app = angular.module ("watchapp", []) .controller ("watchController", ["$ scope", function ($ scope) {$ scope.object = {}; $ scope.object.one = $ scope.one; $ scope.object.one = $ scope.one; $ scope. $ watch ("objeto", function ()Resumir
Lo anterior se trata de cómo AngularJS escucha múltiples valores que cambian a la vez. ¿Lo has aprendido? Espero que el contenido de este artículo sea útil para el estudio y el trabajo de todos. Si tiene alguna pregunta, puede dejar un mensaje para comunicarse. Gracias por su apoyo a Wulin.com.