Обновить угловую директиву

Question

У меня есть эта директива, которая использует услугу «BoxService», чтобы взять определенное значение.

angular.module("App").directive('boxedWidget', 
    function() { 
     return { 
      restrict: 'E', 
      scope: {  
      'source': '=',  
      }, 
      replace:true, 
      templateUrl: '/widgets/box/widget.html', 
      link: function (scope, element, attrs) { 
       scope.item = scope.source; 
       boxService 
       .getBoxeValue(scope.item.id) 
       .success(function(data, status, headers, config) { 
        scope.item.value = data; 
       }); 

      } 


     } 

    }); 

Теперь я хочу обновить значение каждые 5 секунд. Любое предложение?

Answer 1

Вы можете попробовать $interval перезарядить свои данные в директиве

$interval(function() { 
loadData(); 
}, duration) 

Для более подробной информации о $interval вы можете обратиться к Angular $interval

Answer 2

вы впрыснуть $ интервал правильно?

angular.module("App").directive('boxedWidget', ['$interval', function($interval) { 
     return { 
      restrict: 'E', 
      scope: {  
      'source': '=',  
      }, 
      replace:true, 
      templateUrl: '/widgets/box/widget.html', 
      link: function (scope, element, attrs) { 
       scope.item = scope.source; 
       // don't forget to inject $interval in the directive declaration 
       $interval(function(){ 
        boxService 
        .getBoxeValue(scope.item.id) 
        .success(function(data, status, headers, config) { 
         scope.item.value = data; 
        }); 
       }, 5000); 
      } 


     } 

    });