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

重定向到另一页后，Angular Material的matTooltip不消失

1 个答案: