使用AngularJS进行挂载Bootstrap popover的最简单方法

Question

我正在使用http://angular-ui.github.io/bootstrap/#/popover中的AngularJS Bootstrap Popover指令。

当用户将鼠标悬停在按钮上时和，当按钮首次显示时（约3秒，然后消失），我想让弹出框显示

可能这可以使用$tooltipProvider.setTriggers来完成，但是我必须要听哪些事件，以及我是否可以从两个事件中调用工具提示（例如，将两个值传递给popover-trigger属性）I我不确定。

对此有直接的解决方案吗？

Answer 1

我并不完全理解你的问题，但是鼠标悬停的设置触发器是“mouseenter”，相反的是“模糊”设置，在此你可以设置一个淡出动画，可能带有ngBlur属性。让popover全部准备打开（如果我理解你的第三个需要）popover有一个名为“isOpen”的属性你必须设置为true。

修改

要全面了解使用工具提示指令可以做什么或不能做什么，请打开ui-bootsrap.js文件。在它里面你可以找到你可以使用的任何类型的参数或属性，在文件中搜索isOpen，你会找到方法，它都写得很好，并且很容易理解它的功能。但是为了你的目的，我建议你写一个超时间隔设置为3秒的函数，这可能会在那段时间之后将popover ng-show从true更改为false，但首先要阅读tooltip指令并在之后您可以轻松解决问题。