angular - 如何在不刷新的情况下更新角度页面?
问题描述
我正在使用 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); });
});
当我单击另一个按钮时,我发现按钮的进度条正在更新。我认为关闭新标签后会发生任何事件。
在这种情况下,如何在不刷新整个页面的情况下为主页制作事件?
请给我一些建议。
我提前感谢您,并对不好的解释感到抱歉。
解决方案
您可以考虑为您的应用实现发布/订阅。这将允许您将事件推送到所有活动客户端,并让他们知道他们需要从服务器中提取更新。
这是一个流行客户端的链接:https ://socket.io
推荐阅读
- .net - 无需登录的基于角色的授权
- c++ - 如何检查已安装的字体样式?
- jenkins - Jenkins-Groovy - Jfrog Artifactory - 下载工件时出现异常计算的 MD5 校验和与原始校验和不同
- c++ - 如何在 V4 打印机驱动程序中设置输出文件的修复目录
- react-native - React Native:以不同的分辨率测试应用程序
- c++ - 堆排序给出错误的输出( Cpp )
- angular - 如何使用功能模块添加找不到页面的路由
- javascript - 有没有办法实现只写一次判断列表?
- apache - apache 日志只考虑列表的第一个虚拟主机
- ios - 不同语言的iOS语音重置