导航前隐藏烤面包机通知

Question

我在angular 6应用程序中有两个组件，分别是component1，component2。我在component1上实现了烤面包机通知以显示一些消息。但是当我导航到组件2的Html时，这个通知仍然是开放的，我不想要这个。

在component1的HTML上

 <a [routerLink]="['/', rowData.employeeId]" (click)="HidePopup()"></a>
     <emp-popup *ngIf="shouldDisplay" [toasterMessage]="message">
        </emp-popup>

在component1的TypeScript上

HidePopup(){
    this.shouldDisplay=false;
    }

我试图通过HidePopup（）函数做但仍然问题仍然相同。请建议。

Answer 1

你好试着在函数中使用路由器导航

从标签中删除[routerLink]并将其添加到功能中

constractor(private router: Router){} 
HidePopup(){
  this.shouldDisplay=false;
  this.router.navigate['/someURL']
}