angularjs - 在angularjs中使用计时器轮询服务器

Question

我在一个地方，我需要经常轮询我的服务器以获取数据。我环顾了人们如何在 angularjs 中处理这个问题，我很困惑。

一些示例只是递增/递减的简单计数器。其他人正在使用 $timeout 服务。我需要能够通过单击按钮来打开/关闭它。IE点击开始轮询，每30秒轮询一次，点击按钮停止轮询。

Answer 1

我并没有声称自己擅长 javascript 或 angular，所以请放轻松。我确实编写了自己的使用 setInterval 和 clearInterval 的服务：

angular.module('myModule', [])
  .factory('TimerService',
    function () {
      var timers = {};

      var startTimer = function(name, interval, callback) {
        // Stop the timer if its already running, no-op if not running
        stopTimer(name);

        timers[name] = setInterval(function() {
          callback();
        }, interval);

        // Fire right away, interval will fire again in specified interval
        callback();
      }


      var stopTimer = function(name) {
        var timer = timers[name];
        if (timer) {
          clearInterval(timer);
          delete timers[name];
        }
      }

      return {
        start: startTimer,
        stop: stopTimer
      };
    });

然后在我的控制器中我这样做：

  var timerARunning = false;
  $scope.onClickA = function() {
    var timerName = 'timerA';
    timerARunning = !timerARunning;

    if (timerARunning) {
      TimerService.start(timerName, 5000, function() {
         alert("Timer A just fired");
      });
    } else {
      TimerService.stop(timerName);
    }
  }