Angular ng引导式手风琴在角度方向的for循环中不起作用
它在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>
<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面板”上方添加。现在可以了。