将流数据收集到角度应用程序中

Lea*_*ess 5 streaming angular

假设我有一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)
Run Code Online (Sandbox Code Playgroud)

如何Observable在Angular 5-6-7应用程序中收集这些数据?我尝试过玩httpClientModule并做了一些研究,但我没有找到任何有效的例子.

小智 2

我建议您为此使用 socket.io 客户端 api https://www.npmjs.com/package/socket.io-client

该库的 Angular 2+ 教程 http://www.syntaxsuccess.com/viewarticle/socket.io-with-rxjs-in-angular-2.0

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