Javascript 关闭所有弹出窗口并启动引导

我在某些用户操作中很少调用堆叠的popover，现在，一旦用户在最后一个popover上，我想关闭所有这些， 在ng引导中是否有一种方法可以一次关闭所有popover

我确实尝试过通过使用DOM元素并关闭它来关闭弹出窗口，但是由于我有一堆弹出窗口，我想检查是否有更好的方法来关闭所有活动的弹出窗口

以下是popover代码-

<ng-template #popover1>
  <ul>
    <li>Element1</li>
    <li>Element2</i></li>
    <li [ngbPopover]="popover2"
        [autoClose]="'outside'"
        popover-is-open="false">
    Element3
    </li>
  </ul>
</ng-template>




  <ng-template #popover2>
      <ul>
        <li>Element1</li>
        <li>Element2</i></li>
        <li [ngbPopover]="popover2"
            [autoClose]="'outside'"
            popover-is-open="false">
        Element3
        </li>
      </ul>
    </ng-template>

要素1
元素2

元素3



要素1
元素2

元素3

---

谢谢

您已经有指令

ngbPopover

。您可以通过此方法获取所有子项，并可以对其调用close方法。如果我在父级调用close方法，则不会关闭弹出窗口。请在stackblitz中复制您的问题。这将有助于更快地进行修复。@user334011是否对此进行了修复？