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

Question

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

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

使用组件并关闭组件后，按钮的进度条应更新。

在这里，MatDialog 适用于更新 function。

但是，新标签页不会更新。

除了关闭 function 之外，其他代码完全相同。

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