Angular-UI bootstrap popover指令组件

Question

我开发了一个指令，用于从下拉引导菜单维护窗口小部件的内联帮助，但是当我从下拉列表中单击帮助时，弹出窗口当前绑定到元素并且无法分离，因此它将打开absolute从那个位置。

但要求是如果我们点击下拉菜单中的帮助，我们会在下面显示popover

我不确定是否可能，无论如何我都会列出我所做的努力。

• Angular-UI Bootstrap没有帮助，它没有任何以编程方式触发引导程序的功能。
• 但是，在Angular-UI Bootstrap中，我们可以添加由Elijen完成的触发器，但它将分为两个组件。

我的问题是创建一个包含触发器和弹出窗口的单个指令，就像第二个图像一样。我不想通过覆盖CSS来杀死引导程序的健全性。我想要知道我们是否可以编写一个方法来检测位置并移动到窗口小部件的顶部或类似的东西，因为它将是一个可重用的组件。

它是一个单一指令的原因是，它将被打包到webpack并成为一个交叉工具。

Answer 1

angular-ui-bootstrap popover侦听popover-is-open属性以支持以编程方式打开popover。