Angularjs actualisation automatique pour les données lors de l'utilisation routeProvider

Question

Je suis en train de mettre à jour les données sur une table sur une période de temps.Le code a un routeProvider avec une URL et un contrôleur comme indiqué ci-dessous. J'utilise init() pour obtenir les données dans le contrôleur. Si j'utilise la méthode init() dans $ interval(), la table est mise à jour avec les valeurs précédentes. Je veux dire s'il n'y a pas de nouvelles valeurs et 10 enregistrements sont là, il devient 20 enregistrements. Comment mettre à jour avec de nouvelles valeurs seul.

Code app.js Minimal

App.controller('PlantCtrl', [ '$scope', 'PlantDetails', '$interval' 
, function($scope, PlantDetails, $interval,) { 

$scope.availablePlantDetailsTemp = []; 
    $scope.availablePlantDetails = []; 

init(); 

    function init() { 
     $scope.availablePlantDetailsTemp = PlantDetails.resource2.query(function(response) { 
     angular.forEach(response, function(item) { 
      if (item) { 
       $scope.availablePlantDetails.push(item); 
      } 
     }); 
     }); 
      } 
$interval(function() { 
       init(); 
       }, 5000); 
} ]); 

Ou si je resolve l'intérieur routeProvider pour faire la requête comment puis-je appeler la méthode à l'intérieur de l'intervalle de $()

Answer 1

Vous jsut besoin de tableau avant d'ajouter effacer nouvelle valeur à cela. Les méthodes Array push ajoutent de nouvelles valeurs au tableau, d'où le problème.

function init() { 
     $scope.availablePlantDetails = []; 
     $scope.availablePlantDetailsTemp = PlantDetails.resource2.query(function(response) { 
     angular.forEach(response, function(item) { 
      if (item) { 
       $scope.availablePlantDetails.push(item); 
      } 
     }); 
     }); 

$interval(function(){ 
Init() 
},1*2000)