如何在不刷新的情况下更新角度页面？

Question

我正在使用Angular 7，并且有主页。

主页上有很多按钮，按钮上有这样的进度条：

一旦使用了组件并且组件已关闭，按钮的进度条应该会更新。

在这里，MatDialog可以很好地用于更新功能。

但是，新标签不会更新。

除关闭功能外，其他代码完全相同。

MatDialog（工作中）：

dialogRef.afterClosed().subscribe((result) => {         
            this.updateProgress(...).catch((error) => { console.log(error); });
}); 

新标签页（不起作用）：

windowRef.addEventListener('beforeunload', () => {
            this.updateProgress(...).catch((error) => { console.log(error); });                
});

当我单击另一个按钮时，发现按钮的进度条已更新。 我认为关闭新标签页后会发生任何事件。

在这种情况下，如何在不刷新整个页面的情况下为主页创建事件？

请给我一些建议。

我先感谢您，并为您解释不清。

Answer 1

您可以考虑为您的应用实现发布/订阅。这将允许您将事件推送到所有活动的客户端，并让他们知道他们需要从服务器中提取更新。

以下是指向受欢迎的客户的链接：https://socket.io