如何关闭ngbootstrap中其他打开的下拉菜单

Question

我正在像这样的多个元素中使用ngbdropdown

<div *ngFor="let item of items" class="most parent div">
<div (click)="doSomething()">
   <div ngbDropdown [autoClose]="'outside'">
        <button ngbDropdownToggle (click)="$event.stopPropagation();">
            Toggle dropdown 1
         </button>
        <div ngbDropdownMenu>
        <button ngbDropdownItem>Action - 1</button>
   </div>
</div>
<div (click)="doSomething()">
   <div ngbDropdown [autoClose]="'outside'">>
        <button ngbDropdownToggle (click)="$event.stopPropagation();">
            Toggle dropdown 2
        </button>
        <div ngbDropdownMenu>
        <button ngbDropdownItem>Action - 1</button>
   </div>
</div>
</div>

基本上，某些功能是从下拉列表的父元素调用的。
为了防止调用父元素（单击），我正在使用$event.stopPropagation()。
当用户在其区域之外单击时，我使用了ngb-dropdown的autoclose属性将其关闭。

当我打开第二个下拉菜单时，第一个仍然没有关闭。

是否可以在不调用其父项的click事件的情况下关闭任何其他打开的下拉菜单？在角度？使用ngbDropDown吗？