AngularJS中$watch

$watch在digest执行时，如果watch观察的value与上一次执行时不一样时，就会被触发。
angularjs内部的watch实现了页面随model的及时更新。
$watch 方法在用的时候主要是手动监听一个对象，但对象发生变化时触发某个对象。
语法：$watch(watchFn,watchAction,deepWatch)；
  $scope.data = {
       name:"李四",
       count: 20
   };
 此时data里的name和count都要监听，那么可以这么写：
  $scope.$watch('data',function(){
       //code code
   },true)
如果不加第三个参数，那么只会监听data，所以当data引用改变时才会触发。
因此当需要监听一些引用对象时需要设置第三个参数为true。

angularjs:

app.controller("firstController",["$scope", function ($scope) {
    $scope.name = "张三";
    $scope.count = 0;

    //监听一个 model 当一个 model 每次改变时 都会触发第二个函数
    $scope.$watch("name",function (newValue, oldValue) {
        ++$scope.count;

        if($scope.count > 3){
            $scope.name = '已经大于3次了';
        }
    });
}]);

 html:

<div ng-controller="firstController">
    <input type="text" value="" ng-model="name"/>
    改变次数:{{count}}-{{name}}
</div>

 

转载于:https://www.cnblogs.com/liubeimeng/p/6840604.html