在Angular应用中,ng-bootstrap
提供了丰富的UI组件,其中手风琴(Accordion)组件是常用的界面元素之一。结合ReactiveFormsModule
来使用表单数组(Form Array)与手风琴组件时,可能会遇到一些挑战。本文将通过一个具体的实例,探讨如何解决这些问题,并实现手风琴与表单数组的无缝结合。
问题背景
假设我们有一个管理工作表(worksheets)的功能,每个工作表包含一些表单字段。我们希望使用手风琴组件来展示这些工作表,并且每个手风琴面板内包含一个表单。
初始代码
首先,我们来看一下基本的代码结构:
<div ngbAccordion>
<ng-container [formGroup]