Angular関数を実行するのは、現在のタブがブラウザでアクティブな場合のみです

Question

ブラウザで現在のタブが開いているときのみ、2秒ごとに呼び出される角度js関数があります。現在のページがブラウザでアクティブかどうかを確認する方法はありますか？

$scope.callAtInterval = function() { 

     var url = "http://127.0.0.1/test"; 

     $http.get(url).success(function(response) { 
      $scope.initial = response; 

     }, 
     function errorCallback(response) { 
      $scope.result=response; 
         }); 
} 

$interval(function(){ $scope.callAtInterval(); }, 5000); 

}

Answer 1

あなたは、ウィンドウのフォーカスとブラーのイベントを使用します。

$(window).on("blur focus", function(e) { 
    var prevType = $(this).data("prevType"); 

    if (prevType != e.type) { // reduce double fire issues 
     switch (e.type) { 
      case "blur": 
       // cancel your interval function 
       break; 
      case "focus": 
       // emit your interval function 
       break; 
     } 
    } 

    $(this).data("prevType", e.type); 
})