Angular 7 EventSource无限期地持续获取流。_编程开发

Angular 7 EventSource无限期地持续获取流。

创始人

2024-10-16 18:31:25

0次

在Angular 7中，可以使用EventSource来无限期地持续获取流。下面是一个使用EventSource获取流的代码示例：

在组件中导入EventSource：

import { Component } from '@angular/core';

在组件中定义一个方法来获取流：

getStream() {
  const eventSource = new EventSource('http://example.com/stream'); // 替换为实际的流URL

  eventSource.onmessage = (event) => {
    console.log(event.data); // 处理接收到的数据
  };

  eventSource.onerror = (error) => {
    console.error('EventSource error:', error);
    eventSource.close(); // 关闭EventSource连接
  };
}

在组件的模板中添加一个按钮来触发获取流的方法：

这样，当用户点击按钮时，EventSource将会建立一个长连接并开始接收流数据。你可以根据实际需要，在onmessage回调函数中处理接收到的数据，比如更新UI或执行其他操作。当发生错误时，可以在onerror回调函数中处理错误并关闭EventSource连接。

请确保将实际的流URL替换为正确的URL。

上一篇：Angular 7 惰性加载

下一篇：Angular 7 返回 Observable 不起作用

Angular 7 EventSource无限期地持续获取流。

相关内容

热门资讯