角張った `$ broadcast`問題 - これを修正する方法は？

Question

私のアプリでは、私はboradcastingなんらかの値をチェックしながら特定のポイントのイベントです。それはうまく動作しますが、問題は、後で私がbroadcastをトリガーしているときはいつでも、私の条件が働いている、つまり、私の状態がtriggerのhappendの後に常に働いていることを意味します。 、あなたはロジックを切り替えたい場合は

var myWatch = scope.$watch('ctrl.data.deviceCity', function(){ 
      if(someCondition === true){ 
       myWatch(); //deregister the watcher by calling its reference 
      } 
    }); 

ちょうどいくつかを設定します。あなたは変数にその参照を格納し、それを呼び出すことによって、ウォッチャの登録を取り消すことができ

scope.$watch('ctrl.data.deviceCity', function(newcity, oldcity) { 

    if (!newcity) { 
     scope.preloadMsg = false; 
     return; 
    } 

    scope.$on('cfpLoadingBar:started', function() { 
     $timeout(function() { 
      if (newcity && newcity.originalObject.stateId) { //the condition not works after the first time means alwasy appends the text 
       console.log('each time'); 

       $('#loading-bar-spinner').find('.spinner-icon span') 
        .text('Finding install sites...'); 
      } 
     }, 100); 
    }); 
}); 

Answer 1

：ここ

は私のコードです変数のどこかでメソッドの制御フローを指示します：

var myWatch = scope.$watch('ctrl.data.deviceCity', function(){ 
    scope.calledOnce = false; 

    if(!scope.calledOnce){ 
     //... run this the first time 
     scope.calledOnce = true; 
    } 
    else { 
     // run this the second time (and every other time if you do not deregister this watch or change the variable) 
     // if you don't need this $watch anymore afterwards, just deregister it like so: 
     myWatch(); 
    } 
})