Как сослаться на один из нескольких аккордеонов ng- bootstrap в машинописном тексте Angular 9? - PullRequest
0 голосов
/ 17 апреля 2020

Если это мой аккордеон:

<ngb-accordion #acc="ngbAccordion" id="group-1" [closeOthers]="true" activeIds="panelID-1">
  <ngb-panel id="panelID-1" title="Simple">
    <ng-template ngbPanelContent>
      Some panel content
    </ng-template>
  </ngb-panel>
</ngb-accordion>

Я могу ссылаться на него в компоненте TypeScript следующим образом:

@ViewChild('acc') accordionComponent: NgbAccordion;
...
this.accordionComponent.toggle('panelID-1');

Но что, если Аккордеон воспроизводится из одного экземпляра в повторяющаяся группа? Вместо ViewChild я бы использовал:

@ViewChildren('acc') accordionComponentList: QueryList<NgbAccordion>;

Но тогда как найти определенный Аккордеон в QueryList? ng- bootstrap Accordion Api не содержит свойства id.

...