javascript - 在从共享 Header 组件调用注销按钮之前调用组件的 ngOndestroy

Question

当我从特定组件单击应用程序的共享 header 注销按钮时，首先调用注销函数，然后调用组件 ngOnDestroy。

如何在调用注销函数之前调用 ngOnDestroy。

header.component.ts
  logout() {
     //CALLING FIRST
  }

specific.component.ts
 ngOnDestroy(){
   //CALLING AFTER LOGOUT
 }


header.component.html
<logout button>

<specific.component.html
<header></header>

Answer 1

实际上这是正确的行为，但你可以尝试使用这样的东西:

在包含 header 和特定内容的父级中:

show: boolean = true;

onLogout() {
    this.show = false;
}

在标题中...ts:

@Output() onLogout: EventEmitter<any> = new EventEmitter<any>();

logout() {
    this.onLogout.emit('');
    // your logout operations;
}

在父...html:

<specific *ngIf="show" ...>

以这种方式在注销操作之前可能会销毁特定组件；附言没试过这个，只是一个建议