angularjs – 观察变量并更改它

前端之家收集整理的这篇文章主要介绍了angularjs – 观察变量并更改它前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在AngularJS中,我有一个监视范围变量的指令.当变量包含某些数据时,我需要更改该变量.问题是当我更改我的$watch被再次触发的变量时.所以我结束了连续循环.
scope.$watch('someVar',function(newValue,oldValue) {
    console.log(newValue);
    scope.someVar = [Do something with someVar];
});

这样会再次触发$watch,这是有道理的.但是我确实需要一种方法来更改被监视的变量.有没有办法做到这一点?

当使用$scope $watch观察变量时,角度检查引用是否已更改.如果有,则执行$watch处理程序来更新视图.

如果您计划在$watch处理程序中更改范围变量,它将触发无限$digest循环,因为作用域变量引用每次调用时都会更改.

解决无限摘要问题的诀窍是使用angular.copy在$watch handler中保留引用:

scope.$watch('someVar',oldValue) {
    console.log(newValue);
    var someVar = [Do something with someVar];

    // angular copy will preserve the reference of $scope.someVar
    // so it will not trigger another digest 
    angular.copy(someVar,$scope.someVar);

});

注意:这个技巧只适用于对象引用.它不会与原语一起工作.

一般来说,在自己的$watch listener中更新一个$watched变量并不是一个好主意.然而,有时可能是不可避免的.

原文链接:https://www.f2er.com/angularjs/140510.html

猜你在找的Angularjs相关文章