リアルタイムデータの更新時にng-repeatが点滅する

Question

angular.js 1.xの次のコードでは、数秒ごとに呼び出してdomを更新するダッシュボードデータセットを作成する必要があります。しかし、私は思っているのでちらちらです$scope.DOMdataArray = []

私はすでにtrack by $indexを試してみましたが助けなかった。この問題を解決する方法や、ng-repeatによって生成されたDOMがちらつくようなコードを書く方法はありますか？

​​

Answer 1

これを試しましたか？

  function someDataInterval() { 
       _.map(urlsArray,function(url) { 
        $http.get(url).then(function(res) { 
         // some work on response 
         $scope.DOMdataArray = []; 
         $scope.DOMdataArray.push(/*some data for ng-repeat*/) 
        }) 
       }) 
      } 
      someDataInterval() 
      setInterval(someDataInterval,5000) 

これはちらつきが見えないように、あなたはいつも小さな荷重アイコンを使用することができます動作しない場合。リストを表示するにはng-showを使用します。

  function someDataInterval() { 
       $scope.loading = true; 
       _.map(urlsArray,function(url) { 
        $http.get(url).then(function(res) { 
         // some work on response 
         $scope.DOMdataArray = []; 
         $scope.DOMdataArray.push(/*some data for ng-repeat*/) 
         $scope.loading = false; 
        }) 
       }) 
      } 
      someDataInterval() 
      setInterval(someDataInterval,5000) 

とHTML：

 <h1 ng-show="!loading" ng-repeat="x in DOMdataArray">{{x.name}}</h1> 
     <img ng-show="loading" src="img/image-loading.gif" />