angularjs的$watch、$watchGroup、$watchCollection的区别

前端之家收集整理的这篇文章主要介绍了angularjs的$watch、$watchGroup、$watchCollection的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如果想在controller里面随时监听一个值的变化那就用$watch

<p>
<label><strong>$watch:</strong></label>
<input type="text"ng-model="name"/>
</p>
$scope.$watch(,function(newVal,oldVal){
console.log("new:"+newVal,"old:"+oldVal)
});

以上代码实现监听name属性值的变化,但是有个缺点假如要监听很多个属性值,就要写很多个$watch
为了解决上面的问题,可以使用$watchGroup,这个监听器是把多个属性使用数组的形式作为第一个参数传入

<p style="margin-top: 20px">
<label><strong>$watchGroup:</strong></label>
"one"</p>
"two"$scope.$watchGroup([],oldVal) {
+oldVal);
//注意:newVal与oldVal都返回的是一个数组
$watchCollection是为一堆数据进行监听

><strong>$watchCollection:</strong></p>
<ul>
<li ng-repeat="d in lang">{{d}}</li>
</ul>
$scope.lang = ['C/C++''Java''C#''Python'];
$scope.$watchCollection('lang'
+oldVal)
现在可以做个测试,使用$timeout二秒后发生变化

$timeout((){
'JavaScript''Html5''Css3''Angularjs'];
},2000);

转自: https://blog.csdn.net/helloxiaoliang/article/details/52173132
原文链接:https://www.f2er.com/angularjs/144847.html

猜你在找的Angularjs相关文章