如何关闭 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-accordion 上。

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

How to close all panels except the first in ngb-accordion Angular 2 Release 6

bootstrap-accordion

angular