javascript - 具有多个路由监听事件的 Angular 单页应用程序中的 SignalR

Question

我有一个 Angular 应用程序，其中某些路由监听某些 SignalR 消息，而某些消息由多个路由监听。一切正常，但是当我从路由 A 导航到路由 B 时，路由 A 的 SignalR 事件处理函数仍在被触发。我正在使用 Angular 服务来包装 SignalR 集线器并跟踪回调函数。我考虑过在每次路由更改时重置回调函数数组，但我觉得这不是正确的方法。鉴于应该只有一个集线器连接和特定于路由的事件处理，执行此操作的适当方法是什么？

Angular 信号服务

app.factory('SignalRService', [function () {

    var eventCallbacks = [];

    var entityHub = $.connection.entityHub;

    entityHub.client.event = function (payload) {
        angular.forEach(eventCallbacks, function (callback, idx) {
            callback(payload);
        });
    };

    $.connection.hub.start({ transport: 'longPolling' })
        .done(function () {  })
        .fail(function () {  });

    return {
        subscribeToEvent: subscribeToEvent
    };

    function subscribeToEvent(callback) {
        eventCallbacks.push(callback);
    }


}]);

Answer 1

最佳解决方案看起来像是使用 $rootScope.$on 和 $emit 组合的重构:https://stackoverflow.com/a/19498009/100776