AngularJSなぜ私はこのエラーが発生しているのですか？$ rootScope：infdig無限$ digestループとその修正方法

Question

D3とAngularのディレクティブを作成しています。 newValueの再割り当てが表示されないため、なぜ私はInfinite $digest loopエラーが発生し続けるのか分かりません。機能はうまくいきますが、ブラウザの迷惑なエラーが私に掘り下げたいと思っています。ここで

は、ディレクティブのコードです：あなたのコードで

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が呼び出されます。もう一度やり直してください...