问带延迟ngx-bootstrap的手动触发工具提示
EN

Stack Overflow用户

提问于 2021-06-22 02:49:26

回答 1查看 39关注 0票数 1

我尝试通过其父div打开/关闭工具提示。不幸的是，这在使用延迟时不起作用。调试我的应用程序显示，manuel触发show()或close()不检查延迟。

触发它会自动完美地处理它。正如您在复制品中看到的，我希望在您将鼠标悬停在父对象上时触发工具提示。

https://stackblitz.com/edit/angular-wh3uem?file=app/triggers-manual.html

试着快速进入和离开粉红色的容器。它将继续使用已启用的工具提示。

angular

ngx-bootstrap

回答 1

Stack Overflow用户

发布于 2021-06-22 12:48:13

手动触发工具提示似乎基本上不能处理此功能。但是，我自己实现了延迟功能。

// Check if there is currently an ongoing timeout
if(!this._runningTimeout) {
  this._runningTimeout = true;
  this._timeoutRef = setTimeout(() => {
    tooltip.show();
  }, 500);
} else {
  clearTimeout(this._timeoutRef);
  this._runningTimeout = false;
  tooltip.hide();
}

并在模板中的(mouseenter)="..."和(mouseleave)="..."上触发此函数。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68073234

复制

相似问题

问带延迟ngx-bootstrap的手动触发工具提示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带延迟ngx-bootstrap的手动触发工具提示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带延迟ngx-bootstrap的手动触发工具提示
EN