导航前隐藏烤面包机通知

Question

在我的angular 6应用程序中，我有两个组件，例如component1，component2。我已在component1上实现了烤面包机通知，以显示一些消息。但是当我导航到component2的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']
}