无法仅使用 $scope 保存和显示来自角度轮询工厂功能的数据

Question

我有以下功能的服务：

    (function(){

  angular.module('app.system')
  .factory('Poller', function($http, $timeout) {
        var data = {
            eventObj: null,
            spinner:false
          };

    var poller = function() {
      $http.get('php file').then(function(r) {
      var ev = r.data;

     if(ev.length > 0)
     {
        data.eventObj = ev;
        data.spinner  = true;

        if(ev.image != null && ev.image != "")
        {
          data.eventObj = ev;
        }
    }
    else {
      data.spinner  = false;
    }

        $timeout(poller, 1000);
      });

    };
    poller();

   return {
      data :data,
   };

})()

这是我的工厂。在控制器中，我执行以下操作：

    1     $scope.dataPoller = Poller.data;
    2     var vm = this;
    3    vm.event = Poller.data.event;
    4    vm.spinner = Poller.data.spinner;

也在控制器的顶部：

.run(function(Poller) {});

第 1 行 - 我看到用户界面每 500 毫秒更改一次 但第 2-4 行根本不更新 - 仅在开始时，例如 vm.event 在第 1 行始终为空购买它没有

我该如何解决？

我需要更新控制器或其他服务中的数据并返回控制器并更新视图，轮询器当然需要每 500 毫秒发送一次新数据

Answer 1

vm.event = Poller.data.event;
vm.spinner = Poller.data.spinner;

在创建控制器时执行一次。它使用 Poller.data.event 此时的值初始化vm.event。微调器也一样。由于视图显示vm.event，并且该值永远不会改变，因此您的视图永远不会改变。

改为使用

vm.pollerData = Poller.data;

在视图中，使用

{{ vm.pollerData.event }}

每次 $http 响应返回时，angular 都会重新评估 vm.pollerData.event 的值，并且由于值已更改，因此视图将更新。