Question

我有这个使用服务的指令＆＃34; BoxService ＆＃34;采取一定的价值。

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

你正确地注入了$ interval吗？

  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);
           }


        }

    });

刷新Angular指令

2 个答案: