Angular，停止重新加载一个镀铬标签答案

【问题标题】：Angular, Stop one chrome tab from reloadingAngular，停止重新加载一个镀铬标签
【发布时间】：2020-07-29 16:59:23
【问题描述】：

在 Angular 中，是否有任何方法可以阻止仅重新加载一个 chrome 选项卡，仅用于比较目的？

【问题讨论】：

不清楚你到底需要什么
例如，我想比较两种样式，比如布局或按钮，我需要一个旧标签和一个新标签，但每当我点击保存时，两个标签都会重新加载跨度>
当您运行代码时，将重新加载具有相同端口的每个选项卡，因此该解决方案尝试首先运行 ng serve --port 4200 ，然后在同一个项目中运行 ng serve --port 4300例如
你可以做的是实现一个卸载前的监听器并要求确认重新加载页面。保存时，只需在一个标签上点击cancel，然后让另一个重新加载。
@MikeS。上班第一天像菜鸟一样工作，你能把它写成答案吗？，我会标记它。

【解决方案1】：

@MikeS。方法就像一个魅力，基本上你需要在浏览器选项卡的开发者工具控制台中运行它以防止它重新加载：

window.addEventListener('beforeunload', (event) => {
  event.preventDefault();
  event.returnValue = '';
});

【讨论】：

【解决方案2】：

您可以克隆项目并使用不同的端口运行，如下所示。 ng serve --port 4200

这是更好的选择。

当由 Angular 提供服务时，无法让标签停止重新加载。

【讨论】：