gpt4 book ai didi

javascript - 使用 express.io 将 Angular Controller 转换为实时数据

转载 作者:行者123 更新时间:2023-11-29 21:50:07 24 4
gpt4 key购买 nike

我是 express.io 的新手。我在 socket.io 中运行了一组代码,在前端使用 node.js 和 angular 没有问题。我已经创建了服务器,它在1000ms。与客户端交互的服务器示例代码是

var serverjson = [
{"Product": "REL", "BBP": "10", "BSP": "10.2", "LTP": "10.1" },
{"Product": "BEL", "BBP": "20", "BSP": "20.4", "LTP": "20" },
{"Product": "MTL", "BBP": "50", "BSP": "50.5", "LTP": "50.1" },
{"Product": "BSL", "BBP": "100", "BSP": "101", "LTP": "100.2" }
];
// define interactions with client
app.io.route('ready', function(req){
//send data to client
setInterval(function(){
for(i=0;i<serverjson.length;i++)
{
serverjson[i].BBP = Math.round((parseInt(serverjson[i].BBP) + Math.random())*100)/100;
serverjson[i].BSP = Math.round((parseInt(serverjson[i].BSP) + Math.random())*100)/100;
serverjson[i].LTP = Math.round((parseInt(serverjson[i].LTP) + Math.random())*100)/100;
}
var serverjsonstr = JSON.stringify(serverjson);
req.io.emit('msg', {'msg': serverjsonstr});
}, 1000);

});

在客户端

<!doctype html>
<html>
<head>
<title>express.io Test</title>
<script src="/socket.io/socket.io.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
</head>
<body>
<script>
var io = io.connect();
io.emit('ready');
io.on('msg', function(data){
$('#msg').text(data.msg);
});
</script>
<div id="msg"></div>
</body>
</html>

到目前为止,一切都运行有问题。数据以间隔正确显示。但在另一个页面中,我想用 Angular Controller 显示数据。我在 socket.io 中做了同样的例子。对于 Controller ,代码是

var apps = angular.module('stocksample', []);

apps.controller('StockListCtrl', function($scope, socket) {
$scope.stocks = [];
socket.on('msg', function(data) {
$scope.stocks = JSON.parse(data.msg);
});
});

apps.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);
});
});
},
};
});

并且对于 socket.io 来说运行良好,只要 io.emit 发生 'msg' 并显示在其他页面中,它就会为股票绑定(bind)数据。我需要使用 express.io 为同一个 Controller 编码。任何建议请。帮助将不胜感激。

最佳答案

终于解决了,忘记提供socket.emit('ready');在我的 Angular 工厂里

所以现在工厂的代码是

apps.factory('socket', function($rootScope) {
var socket = io.connect();
socket.emit('ready');
return {
on: function(eventName, callback) {
socket.on(eventName, function() {
var args = arguments;
$rootScope.$apply(function() {
callback.apply(socket, args);

});
});
}
};
});

关于javascript - 使用 express.io 将 Angular Controller 转换为实时数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29713505/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com