如何解决带有延迟 ngx-bootstrap 的手动触发工具提示
我尝试通过其父 div 打开/关闭工具提示。不幸的是,这在使用延迟时不起作用。调试我的应用程序显示,manuel 触发 show()
或 close()
不会检查延迟。
触发它可以完美地处理它。正如您在复制中看到的,我想在您将鼠标悬停在父级上时触发工具提示。
https://stackblitz.com/edit/angular-wh3uem?file=app/triggers-manual.html
解决方法
好像手动触发一个Tooltip基本不能处理这个功能。但是,我自己实现了延迟功能。
// 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)="..."
上触发此函数。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。