Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将流式数据收集到angular应用程序中_Angular_Streaming - Fatal编程技术网

将流式数据收集到angular应用程序中

将流式数据收集到angular应用程序中,angular,streaming,Angular,Streaming,假设我有一个Flask后端逐位流数据,如下所示: from flask import Flask, Response, jsonify from flask_cors import CORS import json from itertools import cycle from time import sleep app = Flask(__name__) CORS( app) @app.route('/') def hello_world(): def gen():

假设我有一个
Flask
后端逐位流数据,如下所示:

from flask import Flask, Response, jsonify
from flask_cors import CORS
import json

from itertools import cycle
from time import sleep


app = Flask(__name__)
CORS( app)

@app.route('/')
def hello_world():
    def gen():
        for i in cycle(range(1,10)):
            yield json.dumps( {"new_val":i})
            sleep(1)
    return Response( gen())


app.run( port=5000, debug=True)

我如何在一个角度为5-6-7的应用程序上收集类似于
可观察的
的数据?我尝试过使用
httpClientModule
并做了一些研究,但没有找到任何有效的示例。

httpClientModule
不是您需要使用的。最好使用RxJs的Websocket库。假设您知道如何设置后端以接受Websocket,那么该库将使这变得更容易。如果您担心通过网络传输的数据量,还可以利用协议头,特别是谷歌的“protobuf”库。可以在这里找到:

我建议您为此使用socket.io客户端api

使用angular 2创建此库的教程+


并检查如何在flask后端实现它

HttpClientModule不会起作用。是的,RESTful方法返回可观测值,但它们这样做是为了启用取消,而不是为了推送多个数据有效负载。你可能想用WebSocket做点什么。这可能会有帮助。