AngularJS 为什么我会收到此错误：$rootScope:infdig Infinite $digest Loop 以及如何修复它

Question

我正在用 D3 和 Angular 编写指令。我不确定为什么我一直收到Infinite $digest loop 错误，因为我没有看到对newValue 的任何重新分配。功能运行良好，但浏览器中恼人的错误让我想深入研究它。

指令代码如下：

scope.$watch('mode', function (newValue, oldValue) {
    if (newValue !== oldValue) {
        scope.triggerAnimation();
    }
});

scope.triggerAnimation = function() {
    var speed = 4;
    var start = Date.now();

    if (scope.mode === null) {
        d3.timer(function() {
            var angle = (Date.now() - start) * speed;
            var transform = function(d, i) { return "rotate(" + angle / 50 + "," + centerX + "," + centerY + ")"; };

            svg.selectAll(".sidenode, .sidenodeedge").attr("transform", transform);
            if (scope.mode == null) {
                return true;
            } else {
                return false;
            }
        });
        scope.mode = 1;
    } else {
        scope.mode = null;
    }
}

Answer 1

在您的代码中，您有以下内容：

scope.$watch('mode', function (newValue, oldValue) {
    if (newValue !== oldValue) {
        scope.triggerAnimation();
    }
});

然后你运行这个函数，它总是会改变scope.mode的值

scope.triggerAnimation = function() {
    ...
    if (scope.mode === null) {
        // some code here
        scope.mode = 1;
    } else {
        scope.mode = null;
    }
}

看起来它总是会将scope.mode 的值从null 更改为1。并且每次都会升$digest电话。又一次……又一次……