Angular.js中使用$watch监听模型变化

大佬教程收集整理的这篇文章主要介绍了Angular.js中使用$watch监听模型变化，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

$watch简单使用

$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。

$watch(watchExpression,listener,objectEquality);

每个参数的说明如下：

1. watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.namE}。

2. listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数：newValue(新值),oldValue(旧值),scope(作用域的引用)

3. objectEquality：是否深度监听，如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化.如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值,那么你应该使用它

举个栗子：

$scope.name ='Hello';

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

console.log(newvalue);

console.log(oldvalue);

});

$timeout(function(){

$scope.name ="world";

},1000);

$watch@L_674_11@问题

太多的$watch将会导致@L_674_11@问题，$watch如果不再使用，我们最好将其释放掉。

$watch函数返回一个注销监听的函数，如果我们想监控一个属性，然后在稍后注销它，可以使用下面的方式：

varwatch=$scope.$watch('someModel@L_746_18@meProperty',callBACk);

//...

watch();

还有2个和$watch相关的函数：

$watchGroup(watchExpressions,listener);

$watchCollection(obj,listener);

大佬总结

以上是大佬教程为你收集整理的Angular.js中使用$watch监听模型变化全部内容，希望文章能够帮你解决Angular.js中使用$watch监听模型变化所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。