改进这个AngularJS工厂与socket.io一起使用

前端之家收集整理的这篇文章主要介绍了改进这个AngularJS工厂与socket.io一起使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在AngularJS中使用socket.io。
我找到了以下工厂:
app.factory('socket',function ($rootScope) {
    var socket = io.connect();
    return {
        on: function (eventName,callback) {
            socket.on(eventName,function () {
                var args = arguments;
                $rootScope.$apply(function () {
                    callback.apply(socket,args);
                });
            });
        },emit: function (eventName,data,callback) {
            socket.emit(eventName,function () {
                var args = arguments;
                $rootScope.$apply(function () {
                    if (callback) {
                        callback.apply(socket,args);
                    }
                });
            })
        }
    };

并在控制器中使用如下:

function MyCtrl($scope,socket) {
    socket.on('message',function(data) {
        ...
    });
};

问题是每次控制器被访问时,添加了另一个监听器,因此当接收到消息时,它被多次处理。

什么可以是更好的策略集成socket.io与AngularJS?

编辑:我知道我可以在工厂没有返回任何东西,并在那里听,然后在控制器中使用$ rootScope。$ broadcast和$ scope。$ on,但它看起来不是一个好的解决方案。

EDIT2:添加到工厂

init: function() {
            socket.removeAllListeners();
}

并在每个使用socket.io的控制器的开头调用它。

仍然不觉得像最好的解决方案。

每当控制器销毁时删除套接字侦听器。
你将需要绑定$ destroy事件像这样:
function MyCtrl($scope,function(data) {
        ...
    });

    $scope.$on('$destroy',function (event) {
        socket.removeAllListeners();
        // or something like
        // socket.removeListener(this);
    });
};

有关详细信息,请检查angularjs documentation

原文链接:https://www.f2er.com/angularjs/146585.html

猜你在找的Angularjs相关文章