每隔几秒钟如何重新加载Angular应用程序（所有页面）答案

【问题标题】：How to reload Angular app (All Pages) after every few seconds每隔几秒钟如何重新加载Angular应用程序（所有页面）
【发布时间】：2020-06-04 17:40:28
【问题描述】：

我目前正在开发 Angular、Mongodb 和 nodejs 作为后端。但问题是每当我添加图像或任何条目时，我都必须刷新角度页面以显示更改。那么有没有办法自动重新加载 Angular 应用的每一页？

另外我想补充一点，这是一个小组项目，所以如果另一个合作伙伴从他/她这边将任何图像（图像路径）输入到数据中，我不会得到图像，因为图像在我的笔记本电脑中不存在，反之亦然. 有没有其他的方式来反映双方的形象，即使它不存在于彼此的记忆中？

【问题讨论】：

您从哪里添加新对象？如果客户端不需要刷新页面。您只需刷新连接到 html 的数据。如果您从后端添加此内容，则使用 websockets、signalR 技术来检测来自后端的更改
您可以尝试使用套接字。它有助于实时传输数据。
您能否详细说明 WebSockets 以及将其放置在何处以便所有页面都可以重新加载？（向后端添加数据）

【解决方案1】：

您总是可以在计时器上添加重新加载功能：

setTimeout(window.location.reload.bind(window.location), 250);

但我认为这种方法不利于良好的用户体验 - 窗口重新加载很不和谐。

更好的选择是创建一个绑定到数据库中集合更改的 observable，并根据来自该 observable 的事件重置图像持有者 HTML。

【讨论】：