Как закрыть все панели кроме первой в NGB-гармошке Angular 2 Release 6 - PullRequest
Новая
       7

Как закрыть все панели кроме первой в NGB-гармошке Angular 2 Release 6

0 голосов
/ 26 июня 2018

Я только начал работать над аккордеоном, и мне было любопытно, как заставить первый аккордеон или панель аккордеона расширяться и держать остальные закрытыми. Я пытался использовать [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>

1 Ответ

0 голосов
/ 26 июня 2018

Лично для меня, так как я отслеживаю идентификаторы панели, я должен был изменить activePanelIds на: 

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

на нгб-аккордеоне.

...