角の$ダイジェストサイクルは部分の代わりにビュー全体を更新します

Question

角度が1の奇妙な問題が起きて、スクリプトがの無限ループに入り、最終的にブラウザがハングします。ここで

は私が基本的に私はボタンが押された後の最初のdivを非表示にする

<script> 
    $scope.A = true; 
    $scope.B = [{blah},{blah}]; 
    $scope.updateB = function(){ 
     $scope.B.push({blah}); 
    } 
    $scope.D = function(key){ 
     $scope.A = false; 
     return key.name; 
    } 
</script> 

    <div ng-if="A"> 
     <button ng-click="updateB()"></button> 
    </div> 

    <div ng-repeat="key in B"> 
     {{D(key)}} 
    </div> 

をやろうとしていますものです。私は "updateB"関数でそれを行うことができることを知っています。しかし、いいえ、私は表現が評価された後、 "D"でそれをしたいです。それは無限ループに入ります。

ここで間違っていることを誰にでも教えてもらえますか？

Answer 1

これは、関数D（）が角度ダイジェストサイクルごとに実行されるためです。 Bに要素が1つしかありません。 Bに要素がない場合、関数は実行されません。

これは、あなたがどのように消化サイクルの動作を理解するのを助けることができる：再び呼び出され、最終的に$ scope.A = falseをされ The Digest Loop and $applyとUnderstanding the Digest Cycle