将 Angular 与 SignalR 一起使用时，如何在对服务中的对象进行更改时通知控制器？

Question

我有一个相当简单的 Angular 应用程序，它有四个控制器和两个服务。一项服务存储数据并与其他控制器共享数据，如下所示：

var DataService = function($http) {
    this.testData = [];
}    
MyApp.service('DataService', ["$http", DataService]);

另一个服务包含客户端 SignalR 方法，如下所示：

var HubService = function(DataService) {    
    this.testHub = $.connection.TestHub;
    this.connectionStatus = [];

    this.connectToHub = function(callback) {
        var self = this;
        $.connection.hub.start().done(function() {
            self.connectionStatus.push(1);
            if (callback) {
                callback();
            }
        });
    };  

    this.getSomeData = function (node, callback) {        
        this.testHub.server.getSomeData(node).done(function (response) {            
            if (callback) { callback(); }         
        });
    };  

    this.testHub.client.addData = function(serverData) {
        DataService.testData.push(serverData)   
    };  
}

MyApp.service('HubService', ["DataService", HubService]);

其中服务器端集线器方法类似于

public class TestHub : Hub {
     public void GetSomeData(Node node) {
        var data = _queries.getSomeDataFromAServer();
        Clients.All.addData(data);
     }
}

现在一切正常，我将 DataService 和 HubService 注入到控制器中，我可以调用 HubService.getSomeData() 方法，然后调用服务器端方法，然后调用客户端- SignalR 方法和 DataService.testData 对象已更新。

问题是直到下一个 $digest 周期才会通知控制器此更改，这通常是某种 UI 事件。我需要立即通知管制员。我知道通常我可以调用 $scope.$apply() 来手动触发 $digest 循环，但是由于直接从服务器端方法调用服务方法，因此无法使用 $scope。

我该怎么办？我如何让 Angular 监视服务对象以了解来自另一个服务的更改，或者我如何从服务方法触发跨所有控制器的 $digest 循环？

Answer 1

它可能不是答案，但你知道如何实现它的机制。

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

app.service('myService', function($rootScope) {
  var data = 0;
  var id = 0;

  var increment = function() {
    data = data + 1;
    $rootScope.$apply();
    console.log("Incrementing data", data);
  };

  this.start = function() {
    id = setInterval(increment, 500) ;

  };

  this.stop = function() {
    clearInterval(id);
  };

  this.getData = function() { return data; };

}).controller('MainCtrl', function($scope, myService) {
  $scope.service = myService;
  $scope.controllerData = 0;

  $scope.start = function() {
    myService.start();
  };

  $scope.stop = function() {
    myService.stop();
  };

  $scope.$watch('service.getData()', function(newVal) {

    console.log("New Data", newVal);
    $scope.controllerData = newVal;
  });
});

将 Angular 与 SignalR 一起使用时，如何在对服务中的对象进行更改时通知控制器？

When using Angular with SignalR, how do I notify a controller when a change is made to an object in a service?

javascript

c#

asp.net

signalr

angularjs