У меня есть несколько сложенных всплывающих окон, вызываемых при определенных действиях пользователя. Теперь, когда пользователь находится в последнем поповере, я хочу закрыть их все. Есть ли способ в 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>
Спасибо!