Angular - 弹出窗口关闭时刷新父窗口答案

【问题标题】：Angular - Refreshing of parent window when popup window is closeAngular - 弹出窗口关闭时刷新父窗口
【发布时间】：2020-06-03 05:29:41
【问题描述】：

angular typescript 有没有办法捕捉弹出窗口的关闭事件然后刷新父窗口？

我尝试将此脚本添加到将加载到弹出窗口的组件中，但它不会触发该事件。

  @HostListener('window:beforeunload', ['$event'])
  public beforeunloadHandler($event) {
    console.log("foo");
    window.opener.reload();
    window.close();
  }

【问题讨论】：

检查window.postMessage。
我假设弹出窗口重定向到其他应用程序，对吧？只是问一下，因为如果它是您自己的应用程序的一部分，您可以使用模式。
@gyohza 是的，你是对的，弹出窗口会加载另一个应用程序，然后它会加载回我的应用程序。有没有正确的方法来做到这一点？
@Mr_Green 我应该把window.postMessage放到弹出窗口还是调用弹出窗口的组件中？

标签： angular typescript

【解决方案1】：

我终于明白了。所以我在这里要做的是打开一个弹出窗口来加载不同的应用程序，一旦成功验证，它将重定向回我的应用程序。

所以，在我触发弹出窗口打开的应用程序上。代码如下：

this.popup = window.open(loginUrl, 'self', 'width=1000,height=1000');

以及将发生重定向的其他组件。

window.opener.location.reload();

某种程度上与此有关：refresh parent window when closing child window

【讨论】：

最好使用window.postMessage 管理此类通信。检查一次developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
嗨，@Mr_Green 我会尝试阅读那个。非常感谢。