子选项卡关闭时，父组件未更新

Question

我正在为我的应用程序使用Angular，它具有如下代码：

const dialogRef = this.dialog.open(....);

dialogRed.afterClosed().subscribe( () => {
    this.updateProgressBar();
});

在这种情况下，updateProgressBar（）可以很好地工作。

但是，当我使用这种方式在浏览器中打开新标签页时：

let windowRef: Window = window.open(....);

windowRef.addEventListener('beforeunload', () => {
    this.updateProgressBar();
});

在这种情况下，当关闭子选项卡但未更新父组件的进度条时，将调用updateProgressBar（）。

我想在关闭子标签（如第一个代码）时更新父组件的进度条。

我怎么了？有人知道如何解决吗？ 请帮助我或为此提供建议。