如何在使用RouteReuseStrategy时隐藏mat-tooltip

Question

我正在尝试在我们的Angular 6应用程序上实现RouteReuseStrategy。 最近我发现，当我们使用RouteReuseStrategy的routerLink按钮上有工具提示时，mat-tooltip并没有被隐藏。

有没有办法在导航到新路线之前隐藏工具提示。

这是带有问题的堆栈闪电战示例：https://stackblitz.com/edit/mat-tooltip-routereuse

Answer 1

以下是我必须做的关闭按钮导航上的任何叠加层：

window.onpopstate = function(event) {
let overlay = document.getElementsByClassName('cdk-overlay-backdrop-showing')[0];
overlay && overlay.click();
};

或在应用程序组件中

constructor(location: PlatformLocation) {
location.onPopState(() => {
let overlay = document.getElementsByClassName('cdk-overlay-backdrop-showing')[0] as HTMLElement;
overlay && overlay.click();
});