寫一個angularJS輪詢器

Question

我想在我的應用程序中使用$ http編寫一個長輪詢的angularJS服務。

這裏是我的代碼：

app.factory('Poller', function($http, $timeout){ 
    var poll = function(http, tick){ 
     http.then(function(r){ 
      $timeout(poll, tick); 
      return r.data; 
     }); 
    }; 

    return{ 
     poll: poll 
    }; 
}); 

的基本想法是，每當我需要在$ HTTP調用輪詢注入這項服務。這裏

TypeError: Cannot call method 'then' of undefined 

Answer 1

即使我不懂設計（設計開銷IMO） 是：我使用它一個控制器內：

app.controller('myCtrl', function($scope, $http, Poller){ 
    $scope.polledVar = Poller.poll($http.get('api/getVar'), 1000); 
}); 

使用此代碼時，我得到以下錯誤它：

app.factory('Poller', function($http, $timeout,$q){ 
       var poll = function(http, tick){ 
        return http.then(function(r){ 
         var deferred = $q.defer(); 
         $timeout(function(){ 
          deferred.resolve(r); 
         }, tick); 
         return deferred.promise; 
        }); 
       }; 

       return{ 
        poll: poll 
       }; 
      }); 

你可以簡單地傳遞像Poller.poll（'api/getVar'，1000）的網址;

UPDATE

只是爲了玩:) 及以下https://stackoverflow.com/a/16520050/356380

var app = angular.module('myModule', []); 

      app.factory('Poller', function($http,$q){ 
       return { 
        poll : function(api){ 
         var deferred = $q.defer(); 
         $http.get(api).then(function (response) { 
           deferred.resolve(response.data); 
         }); 
         return deferred.promise; 
        } 

       } 
      }); 
      app.controller('myCtrl', function($scope, $http,$filter ,Poller){ 
       //Just to start 
       $scope.myts = Poller.poll('mytest.php'); 
       $scope.mydate = $scope.myts.then(function(data){ 
        return $filter('date')(data,'yyyy-MM-dd HH:mm:ss Z'); 
       }); 
       var Repeater = function() { 
        $scope.$apply(function() { 
         $scope.myts = Poller.poll('mytest.php'); 
         $scope.mydate = $scope.myts.then(function(data){ 
          return $filter('date')(data,'yyyy-MM-dd HH:mm:ss Z'); 
         }); 
        }); 
       }; 
       var timer = setInterval(Repeater, 1000);    
      }); 

mytest.php

echo time()*1000; 

Answer 2

$間隔1.2+版本簡化了這一好位AngularJs。下面的視頻展示瞭如何使用它。

https://www.youtube.com/watch?v=jFxPFgGaEqk