首页 > 解决方案 > Angular - 弹出窗口关闭时刷新父窗口

问题描述

角度打字稿有没有办法捕捉弹出窗口的关闭事件然后刷新父窗口?

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

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

标签: angulartypescript

解决方案


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

所以,在我触发弹出窗口打开的应用程序上。这是代码:

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

以及将发生重定向的另一个组件。

window.opener.location.reload();

它与此有关:关闭子窗口时刷新父窗口


推荐阅读