Angular 角材料';s matTooltip在重定向到其他页面后不会消失

Angular 角材料';s matTooltip在重定向到其他页面后不会消失,angular,typescript,Angular,Typescript,正如标题所说,如果我按下一个按钮并附加工具提示并将我重定向到另一个页面,matTooltip不会消失。工具提示将显示,并将我重定向到另一页,但工具提示仍在同一位置可见。我知道我需要将“trigger”值从“focus”更改为“hover”,但我找到的解决方案都使用jQuery。有没有一种方法可以用打字脚本/角度来完成 编辑: 这是我的按钮的外观: <button type="button" #tooltip="matTooltip" class=

正如标题所说,如果我按下一个按钮并附加工具提示并将我重定向到另一个页面,matTooltip不会消失。工具提示将显示,并将我重定向到另一页,但工具提示仍在同一位置可见。我知道我需要将“trigger”值从“focus”更改为“hover”,但我找到的解决方案都使用jQuery。有没有一种方法可以用打字脚本/角度来完成

编辑:

这是我的按钮的外观:

  <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>

因此,经过深入搜索后,我发现当您使用RouterUseStrategy和工具提示时(这正是我正在使用的),工具提示在导航到另一个页面后不会消失。目前还没有使用Typescript/Angular特性解决这个问题,而只是使用jQuery。下面的链接解决了完全相同的问题并提供了解决方案:

,一次又一次…@trichetriche我已经检查了文档。它仍然不起作用…那么请在默认情况下提供issue.material工具提示的详细信息。你说它“停留”是什么意思?@Stavm我的意思是它在重定向页面上仍然可见,与初始页面上的位置相同。我读过关于“trigger”字段的内容,默认值为“focus”,它必须是“hover”才能工作,但我不知道如何在不使用jQuery的情况下访问该字段。如果有人不想使用JQuery来解决它,这是一个很好的解决方案!
  onEditPage(page) {
    this.selectedPageForEditing = page;
    this.editPageService.sendPage({
      pageName: page["name"],
      templateId: page["value"]["templateId"]
    });
    this.router.navigate([".../page"]);
  }