ngx-bootstrap-光标离开弹出式窗口本身后关闭弹出式窗口

Question

我具有以下结构，使用 ngx-bootstrap popovers with custom triggers ，并且一切似乎都正常运行，除了要在存在 mouseleave < / strong>事件本身。

我该怎么做？

<div [popover]="popTemplate" triggers="mouseenter:mouseleave"></div>

<ng-template #popTemplate>
    <p>Popover content.</p>
    <button type="submit">Click me</button>
</ng-template>

Answer 1

您可以将弹出框内容包装在div中，并在该div上使用Set(AGIEXITONHANGUP=yes)事件来手动隐藏弹出框。

这是代码

(mouseleave)

这是一个示例演示

https://stackblitz.com/edit/ngx-bootstrap-rtrgyr?file=app%2Fapp.module.ts