【皇家娱乐官网】AngularJS实现一次监听多个值发生的变化,watch监听模型变化

一、$watch轻松使用

$watch轻松使用

$watch是一个scope函数,用于监听模型变化,当您的模子部分发生变化时它会打招呼你。

$watch是一个scope函数,用于监听模型变化,当您的模型部分产生变化时它会布告你。

$watch是三个scope函数,用于监听模型变化,当你的模型部分产生变化时它会通报你。

$watch(watchExpression, listener, objectEquality);

$watch(watchExpression, listener, objectEquality);
$watch(watchExpression, listener, objectEquality);

每种参数的辨证如下:

每种参数的认证如下:

种种参数的证实如下:

  1. watchExpression:监听的靶子,它能够是三个angular表明式如’name’,或函数如function(){return
    $scope.name}。

  2. listener:当watchExpression变化时会被调用的函数或然表明式,它接受3个参数:newValue(新值),
    oldValue(旧值), scope(功用域的援引)

  3. objectEquality:是或不是深度监听,假诺设置为true,它告诉Angular检查所监督的对象中每叁脾性格的变化.
    即使您期望监察和控制数组的个别成分可能指标的习性并非二个习认为常的值,
    那么您应有使用它

watchExpression:监听的对象,它能够是七个angular表明式如’name’,或函数如function(){return $scope.name}

  • watchExpression:监听的对象,它能够是一个angular表达式如’name’,或函数如function(){return
    $scope.name}。
  • listener:当watchExpression变化时会被调用的函数只怕表明式,它接受3个参数:newValue(新值),
    oldValue(旧值), scope(成效域的援引)
  • objectEquality:是不是深度监听,要是设置为true,它告诉Angular检查所监督的目的中每叁天性能的变化.
    纵然您愿意监察和控制数组的独家成分或许目的的属性实际不是二个普普通通的值,
    那么您应该运用它

listener:watchExpression更换时会被调用的函数或许表明式,它接受3个参数:newValue(新值),
oldValue(旧值), scope(功能域的引用)

举个栗子:

  $scope.name = 'hello';

  var watch = $scope.$watch('name',function(newValue,oldValue, scope){

          console.log(newValue);

          console.log(oldValue);

  });

  $timeout(function(){

          $scope.name = "world";

  },1000);

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图