ngx -bootstrap-光标离开弹出曲线本身后，近距离弹出窗口

Question

i具有以下结构，使用带有自定义触发器的 ngx-bootstrap popovers ，一切似乎都很棒在弹出案本身有一个 Mouseleave 事件之后。

我该怎么做？

<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上使用(mouseleave)事件，以手动隐藏弹出案。

这是代码

<div [popover]="popTemplate" #pop="bs-popover" style="background-color:black" triggers="" (mouseenter)="pop.show()">This is a test</div>
<ng-template #popTemplate>
  <div (mouseleave)="pop.hide()">
    <p>Popover content.</p>
    <button type="submit">Click me</button>
  </div>     
</ng-template>

这是样本演示

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