[英]AngularJS + WebSockets
我有几个控制器。 在其中之一中,我需要打开Web套接字连接。 在另一个我需要听消息,如果需要更新$ scope。 请在下面的示例中帮助我做到这一点:
app.controller('MainCtrl', ['$scope', function($scope) {
$scope.testProp = {};
$scope.testProp2 = '';
// listen messages here
// and update $scope.testProp && $scope.testProp2
}]);
app.controller('SearchCtrl', ['$scope', function($scope) {
// open connection here
}]);
附言:我知道这个问题很简单,但是我是AngularJS和WebSockets的新手,我需要帮助,现在我没有时间学习文档(以后我将做什么)
我找到了工厂的简单解决方案:
app.factory('socket', [function() {
var stack = [];
var onmessageDefer;
var socket = {
ws: new WebSocket(websocket_url),
send: function(data) {
data = JSON.stringify(data);
if (socket.ws.readyState == 1) {
socket.ws.send(data);
} else {
stack.push(data);
}
},
onmessage: function(callback) {
if (socket.ws.readyState == 1) {
socket.ws.onmessage = callback;
} else {
onmessageDefer = callback;
}
}
};
socket.ws.onopen = function(event) {
for (i in stack) {
socket.ws.send(stack[i]);
}
stack = [];
if (onmessageDefer) {
socket.ws.onmessage = onmessageDefer;
onmessageDefer = null;
}
};
return socket;
}]);
什么时候
app.controller('MainCtrl', ['$scope', 'socket', function($scope, socket) {
socket.onmessage(function(event) {
//var data = JSON.parse(event.data);
//$scope.testVar =
});
}]);
app.controller('SearchCtrl', ['$scope', 'socket', function($scope, socket) {
socket.send({
//somedata
});
}]);
请看看这个答案: AngularJS和WebSockets超越
基本上,这是一个有关在AngularJS中创建WebSocket服务的示例,该服务可用于请求/响应以及发布/订阅。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.