Angular ng引导式手风琴在角度方向的for循环中不起作用

Angular ng引导式手风琴在角度方向的for循环中不起作用,angular,twitter-bootstrap,ng-bootstrap,Angular,Twitter Bootstrap,Ng Bootstrap,它在for循环中不起作用 <ng-container *ngFor="let p of [0,1,2]"> <ngb-accordion [closeOthers]="true"> <ngb-panel id={{p}}> <ng-template ngbPanelTitle> title </ng-template>

它在for循环中不起作用

<ng-container *ngFor="let p of [0,1,2]">
    <ngb-accordion [closeOthers]="true">
        <ngb-panel  id={{p}}>
            <ng-template ngbPanelTitle>
                title 
            </ng-template>
            <ng-template ngbPanelContent>
                content 
            </ng-template>
        </ngb-panel>
    </ngb-accordion>
</ng-container>

标题
内容
id应该是唯一的。打开新面板时,其他面板应关闭。 例子:
(一次打开一个面板)

请查找工作代码片段

<ngb-accordion [closeOthers]="true">
  <ng-container *ngFor="let result of results; let i= index">
    <ngb-panel id="ngb-panel-{{i}}" title="{{result}}">
      <ng-template ngbPanelContent>
        <div>
          hello content{{i}}
        </div>
      </ng-template>
    </ngb-panel>
  </ng-container>
</ngb-accordion>

你好内容{{i}

请注意您的
ngFor
位置:您不是生成一个带有3个面板的手风琴,而是生成3个带有每个面板的手风琴。谢谢。在“ngb面板”上方添加。现在可以了。