我想使用角BooTrap的手风琴与表单array.
但是,只要我在Accordion中添加任何类型的表单绑定,它就不会再打开,也不会收到任何异常错误.我使用的是ng-bootstrap版本15.1.1
手风琴模板代码:
<div ngbAccordion>
<ng-container [formGroup]="form">
<ng-container [formArrayName]="'worksheets'">
<div ngbAccordionItem *ngFor="let worksheet of form.value.worksheets; let i = index;">
<h2 ngbAccordionHeader>
<button ngbAccordionButton>{{ worksheet.name }}</button>
</h2>
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<ng-container [formGroupName]="i">
<label for="name1">Name</label>
<input id="name1" type="text" [formControlName]="'name'">
</ng-container>
</ng-template>
</div>
</div>
</div>
</ng-container>
</ng-container>
</div>
StackFlash:https://stackblitz.com/edit/angular-knog2w?file=src%2Fapp%2Faccordion-basic.html
如果我go 掉[formGroupName]
和[formControlName]
装订,手风琴就会如期打开.
我的功能模块包括FormsModule
和ReactiveFormsModules
,以及NgbAccordionModule
和NgbCollapseModule
模块.
我错过了什么吗?在手风琴中可以使用形式吗?