关闭所有弹出窗口ng-bootstrap

Question

在某些用户操作中，我只有很少的堆叠弹出窗口被调用，现在，一旦用户位于最后一个弹出窗口中，我想关闭所有弹出窗口， ng-bootstrap中是否可以立即关闭所有弹出窗口？

我确实尝试过通过获取DOM元素并关闭它来关闭弹出窗口，但是由于有很多，我想到了检查是否有一种更好的方法来关闭所有活动弹出窗口。

下面是弹出代码-

<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>

谢谢！