bootstrap 4 accordion在angular项目中动态加载

import { Component } from '@angular/core';
import { NgbAccordionConfig } from '@ng-bootstrap/ng-bootstrap';

export class YourComponent {
  accordions = [
    { id: 1, title: 'Accordion 1', content: 'Content 1' },
    { id: 2, title: 'Accordion 2', content: 'Content 2' },
    { id: 3, title: 'Accordion 3', content: 'Content 3' }
  ];
  
  constructor(config: NgbAccordionConfig) {
    // 配置Accordion的行为，例如是否允许多个Accordion同时展开等
    config.closeOthers = true;
  }
}

<ngb-accordion>
  <ngb-panel *ngFor="let accordion of accordions" [id]="accordion.id">
    <ng-template ngbPanelTitle>
      {{ accordion.title }}
    </ng-template>
    <ng-template ngbPanelContent>
      {{ accordion.content }}
    </ng-template>
  </ngb-panel>
</ngb-accordion>