angularjs – 观察变量并更改它

发布时间：2020-12-17 09:28:31 所属栏目：安全来源：网络整理

导读：在AngularJS中,我有一个监视范围变量的指令.当变量包含某些数据时,我需要更改该变量.问题是当我更改我的$watch被再次触发的变量时.所以我结束了连续循环. scope.$watch('someVar',function(newValue,oldValue) { console.log(newValue); scope.someVar = [Do

在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变量并不是一个好主意.然而,有时可能是不可避免的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!