angularjs - 在元素更新时保持 AngularJS Bootstrap 弹出窗口可见

Question

我正在使用 AngularJS bootstrap popover在元素上使用 popover-trigger='mouseenter' .元素更新使用 angularFire ，更新后，弹出窗口消失，直到我移动鼠标(甚至在元素内)。

更新后如何让弹出窗口保持可见？

Answer 1

当模型更新时，指令可能会重新启动。因此，由于鼠标已经在元素上并且静止不动 mouseenter事件不会被触发。

您很可能必须编辑 popover指令并向 link function 添加一个函数它检查鼠标的位置，如果鼠标在触发器上，那么它将保持弹出窗口可见。但是，这可能会导致闪烁。

或者您可以静默更新模型，以便指令不会重新启动。如果您发布一些示例代码或 jsfiffle/plunker，我将能够解释如何做到这一点。