首页 > 解决方案 > Angular 未使用 observable 在 UI 中显示流数据

问题描述

我有执行服务器端流式传输的 python 服务器,我可以看到请求成功,在浏览器中我可以看到数据以流的形式持续 10 秒。但在网络选项卡响应预览仅在收到所有数据后才会出现。

我已经使用 observable 来处理响应。对 observable 的成功调用只被调用一次。

但是我想在收到数据后立即显示数据,而无需等待整个数据显示出来。

如何做到这一点?在接收到流式数据时显示流式数据

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

此处数据流式传输 10 秒,但在网络选项卡中,数据仅在 10 秒后预览,因此角度可观察的成功响应也在 10 秒后调用。我添加了一个警报语句,即使它被触发一次。我希望它在数据到来时被多次调用

在此处输入图像描述

流式响应数据。每个块都是一个 json 对象

在此处输入图像描述

标签: angularobservablestreaming

解决方案


推荐阅读