1 $watch
$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。
$watch(watchExpression, listener, objectEquality);
每个参数的说明如下:
-
watchExpression:监听的对象,它可以是一个angular表达式如’name’,或函数如function(){return $scope.name}。
-
listener: 当watchExpression变化时会被调用的函数或者表达式,它接收3个参数:newValue(新值), oldValue(旧值), scope(作用域的引用)
-
objectEquality:是否深度监听,如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它
$scope.$watch('name',function(newValue,oldValue, scope){
console.log(newValue + ' - ' + oldValue);
});
2 $watchGroup(watchExpressions, listener);
- atchExpressions是数组类型
如果要监听多个变量就要写很多个watch,这显然不是很好的作用。
使用$watchGroup可同时监听多个变量,如果任一一个变量发生变化就会触发listener。
$scope.$watchGroup(['teamScore', 'time'], function(newVal, oldVal) {
});
3 $watchCollection(obj, listener);
监听一个对象,效果我使用$watch时开启objectEquality是一样的,