0

我正在尝试控制 $scope.$watch 功能。目前，我的迭代中有一个无限循环。

$scope.$watch('dashboards', function(newVal, oldVal) {
    if (newVal !== oldVal) {
        $scope.dashboard = $localStorage.sample;
        $scope.dashboards['1'].id = $scope.dashboards[1].id + 1;
        $localStorage.sample = $scope.dashboards[1];
        console.log('newval: '+$scope.dashboards['1'].id);
    } else {
        $scope.$storage = $localStorage;
        $localStorage.sample = $scope.dashboards[1];
        $scope.dashboard = $localStorage.sample;
        $scope.dashboards['1'].id = $scope.dashboards[1].id.length + 1;
        $localStorage.sample = $scope.dashboards[1];
    console.log('oldval: '+$scope.dashboards['1'].id);
    }
}, true);

这是我的 scope.dashboards：

$scope.dashboards = {
        '1' : {
            id : '1',
            widgets : [{
                code : "bla1.html",
                col : 0,
                row : 0,
                sizeY : 1,
                sizeX : 2,
                title : "Bla1"
            }, {
                code : "bla2.html",
                col : 2,
                row : 0,
                sizeY : 2,
                sizeX : 2,
                title : "Bla2"
            }, {
                code : "bla3.html",
                col : 0,
                row : 4,
                sizeY : 1.5,
                sizeX : 2,
                title : "Bla3"
            }
}

我想要完成的是，每当我的 $scope.dashboards 中的小部件位置发生变化时，我都会在 localStorage 中存储一个新 ID 以保存其位置状态，以便在浏览器关闭/刷新时它仍然会保留其会议/职位。也许您对我将如何解决这个问题有所了解？谢谢！

4

2 回答 2

1

问题的根源在于，通过将 $watcher (of $scope.dashboards) 中的不同值分配给被 $watched 的值，您将导致无限循环。

您应该避免将$watch用作更新 的$scope.dashboards.id触发器，而应使用导致小部件更改的实际触发器。（题外话，但该属性的使用id有点尴尬 - id 有一个非常具体的含义，我会将其更改为“版本”或类似的东西）

或者，另一种选择是仅 $watchwidgets属性，而不是dashboards.

$scope.$watch("dashboards['1'].widgets", function(newVal, oldVal){
 ...
}, true);
于 2014-12-19T07:53:00.843 回答
-1

您可以使用的方法的大致轮廓如下：

var modificationInProgress = false;
$scope.$watch('dashboards', function(newVal, oldVal) {
  if (!modificationInProgress) {
    modificationInProgress = true;
    // modify dashboards
  }
  $timeout(function() {
    modificationInProgress = false;
  }, 0);
});

如果您希望仪表板在同一滴答中多次修改，这可能会导致一些有趣的错误。但是，如果您只希望仪表板在每次滴答时修改一次（例如，当用户单击按钮时），这应该可以工作。

但是 - 你的代码很奇怪。我认为重构它以避免观察和修改相同的变量可能是你最好的举措。例如，您可能希望查看不同的对象并将它们移动的次数存储在单独的对象上，从而避免无限循环问题。

于 2014-12-19T07:31:01.490 回答