ngbTooltip - 在延迟期间取消工具提示外观

Question

我在应用程序中的许多元素上使用 ngbTooltip。

每个工具提示直接在 HTML 代码中初始化如下

  <div
    ngbTooltip="my tooltip"
    container="body"
    placement="left"
    openDelay="1000"
    triggers="hover"
    (click)="doSomething()"
  >
    click me !
  </div>

一切正常，除非用户在指定的延迟过去之前单击 HTML 元素。

在这种情况下，GUI 被部分修改，用于触发工具提示的元素不再显示，但延迟后，

工具提示仍然显示在屏幕左上角。 单击按钮或不再显示触发元素时如何取消工具提示的出现？

我的版本是： ng-bootstrap：16.0.0 和角度：17.1.0

Answer 1

ngx-bootstrap 工具提示

遇到了这个示例，它通过使用此属性解释并简单地解决了我的问题： triggers="mouseenter:click mouseenter:mouseleave"

我尝试用 ng-bootstrap 复制它，但失败了。

所以我决定替换所有工具提示并使用

ngx-bootstrap

代替。