我希望将 socket.io 与我的 Angular 应用集成。我已经看到了一些如何创建服务的示例,这使得它可以在 Controller 上访问。我明白了。但我正在寻找一种所有 Controller 都可以对来自 socket.io 的事件调用使用react的方法。
所以:
socket.on('user joined', function (data) {});
我可以在一个 Controller 中做到这一点,但我该如何为所有 Controller 做到这一点?
最佳答案
你会想 encapsulate your socket in a service and inject it into Angular controllers as needed .
让我们做一个套接字服务:
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, data, function () {
var args = arguments;
$rootScope.$apply(function () {
if (callback) {
callback.apply(socket, args);
}
});
})
}
};
});
然后我们将注入(inject)一个 Controller 并与之交互(通过 socket.io
API):
function AppCtrl($scope, socket) {
socket.on('init', function (data) {
$scope.name = data.name;
$scope.users = data.users;
});
}
很明显,您可以自定义 Controller 来使用套接字服务执行您需要的操作。
关于javascript - 在 Angular 应用程序中监听 socket.io,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32867396/