javascript - 仅打开一个带 Angular 弹出选项卡

Question

我想知道如何只打开一个选项卡，并且在打开另一个选项卡之前，必须关闭前一个选项卡。我通过单击按钮打开选项卡，

onClick(){
        let url = this.router.createUrlTree(['/user/', this.id]);
        window.open(url.toString(), "_blank", "resizable=no, toolbar=no, scrollbars=no, menubar=no, status=no, directories=no, location=no, width=1000, height=600, left=" + horizontal + " top=100 " );
        console.log(this.data.maxtab);
        } 

它导致一个嵌套在另一个组件中的组件“用户”。

当打开一个组件并尝试打开另一个组件时，打开的那个组件应该获得焦点。

我尝试更改一个变量，我在组件的 ngOnDestroy 上将其称为 maxtab，但它不起作用。我怎样才能实现它？用JS的OnBeforeunload(查了一下但无法实现)还是有其他方法？

Answer 1

试试这个，

在component.ts中声明一个变量

private mywindow;

现在在您的函数中，尝试以下操作:

if(this.mywindow) {
 this.mywindow.close();
}
this.mywindow = window.open(url.toString(), "_blank", "resizable=no, toolbar=no, scrollbars=no, menubar=no, status=no, directories=no, location=no, width=1000, height=600, left=" + horizontal + " top=100 " );