angular - 当鼠标进入或悬停时显示 ngx bootstrap 工具提示,当单击鼠标从那里移除时显示 ngx bootstrap 工具提示

标签 angular angular2-template ngx-bootstrap

我不完全理解触发器对 https://valor-software.com/ngx-bootstrap/#/tooltip#triggers-custom 到底做了什么的概念

例如,当我们这样做时:

triggers="mouseenter:click"

这是否意味着当我们将鼠标悬停/放置在那里时会显示工具提示并在单击时消失?

如果是这样,是否可以指定工具提示应该消失的两个事件。

例如,我想在我将鼠标悬停在它上面时显示工具提示,然后在我单击它或从那里移开鼠标时让它消失。有什么想法吗?

最佳答案

您可以使用一系列事件,像这样的事情可能会起作用:triggers="mouseenter mouseleave click"

triggers => Specifies events that should trigger. Supports a space separated list of event names.

关于angular - 当鼠标进入或悬停时显示 ngx bootstrap 工具提示,当单击鼠标从那里移除时显示 ngx bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48777102/

相关文章:

javascript - 在点击事件之外访问 ngx-bootstrap 模态

Angular 2。如何使用子表单组件

javascript - 在 Angular2 中创建动态数组

javascript - 为什么我的组件的 html 在成功路由到它后不显示?

ngx-bootstrap - 显示/隐藏 ngx-bootstrap 警报

angular - 使用 ngx-bootstrap modal 将数据传递给 modal

angular - 为什么在变量声明中使用按位或运算符?

javascript - 需要 Angular 2+ 货币管道显示 2 位小数并接受各种用户输入

javascript - 如何从 TypeScript 中的嵌套 JSON 获取数据?

angular - 异步/等待 __generator 未定义