自定义ui-bootstrap-custom-0.12.1,用于在悬停时弹出而不是单击

时间:2015-04-11 00:51:51

标签: angularjs angular-ui-bootstrap popover

我不应该使用popover.js,但我可以使用 ui-bootstrap-custom-01.12.1.js

问题是如何让指令在悬停在提供的html内容上工作。一个例子是plunker但是它的点击想要在悬停时进行弹出而不是点击。

我想在绑定对象患者的html下面制作自定义popover指令,其中包含患者详细信息。我希望popover可以在patient.personName

上使用绑定对象悬停div元素
<a class='bold cursor-pointer hyperlink patient-name first-level-child' bo-href='patient.link'>
    <div class = "patient-name handle-long-text" bo-bind = 'patient.personName'></div>
</a>

1 个答案:

答案 0 :(得分:0)

在上面的plunker示例中,只需更改以下代码,而不是单击put mouseenter来解决我的问题。

  .directive('iantooltip', [ '$iantooltip', function ($iantooltip) {
    return $iantooltip('iantooltip', 'iantooltip', 'mouseenter');
  }]);