Angular Material 的 matTooltip 在重定向到另一个页面后不会消失

Question

正如标题所说，如果我按下一个附有工具提示的按钮并将我重定向到另一个页面，matTooltip不会消失。将显示工具提示，并将我重定向到另一个页面，但工具提示在同一位置仍然可见。我知道我需要将"触发器"值从"焦点"更改为"悬停"，但我找到的解决方案都使用jQuery。有没有一种方法可以在TypeScript/Angular中做到这一点？

编辑：

我的按钮是这样的：

  <button type="button"
          #tooltip="matTooltip"
          class="close pull-right cogs-properties"
          matTooltip="Edit button"
          (mouseenter)="tooltip.hide()"
          (click)="onEditPage(page)"
          aria-label="Edit">
    <span class="fa fa-cog" aria-hidden="true"></span>
  </button>

这是editPage函数：

  onEditPage(page) {
    this.selectedPageForEditing = page;
    this.editPageService.sendPage({
      pageName: page["name"],
      templateId: page["value"]["templateId"]
    });
    this.router.navigate([".../page"]);
  }

Answer 1

因此，经过一些深入搜索，我发现当您使用带有工具提示的RouteReuseStrategy时(这正是我使用的(，导航到另一个页面后，工具提示不会消失。目前，使用Typescript/Angular功能还没有解决这个问题，只使用jQuery。以下链接解决了完全相同的问题并提供了解决方案：https://github.com/angular/material2/issues/11478#issuecomment-420164916