如何关闭除ngb-accordion Angular 2 Release 6中的第一个面板以外的所有面板

Question

我刚刚开始研究手风琴，我很好奇如何使第一只手风琴或手风琴面板扩展并保持其他手风琴闭合。 我试过使用[closeOthers] =“ true”，但这似乎不起作用。 我的html代码：

<div *ngIf="cartItems.length > 0">
    <ngb-accordion #acc="ngbAccordion" activeIds="1-header" *ngFor="let item of cartItems; index as i" activeIds="ngb-panel-{{i}}" [closeOthers]="true" (panelChange)="toggleAccordion($event, item)">
         <ngb-panel class="panel-heading" id="ngb-panel-{{i}}" >
             <ng-template ngbPanelTitle>
                 <span  [ngClass]="isFilterOpen(item, true)" class="oi filter-icon filter-display" class="font-18">{{item.name}}</span>
             </ng-template>                   
         </ngb-panel>
     </ngb-accordion>
</div>

Answer 1

就我个人而言，由于我要跟踪面板ID，因此将activePanelIds更改为：

activeIds="ngb-panel-{{0}}"

在ngb手风琴上。