我想在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事件像这样:
原文链接:https://www.f2er.com/angularjs/146585.html你将需要绑定$ destroy事件像这样:
function MyCtrl($scope,function(data) { ... }); $scope.$on('$destroy',function (event) { socket.removeAllListeners(); // or something like // socket.removeListener(this); }); };
有关详细信息,请检查angularjs documentation。