Question

我有一套反应形式，我将其设置为一系列反应形式：

typesForms: FormGroup[] = [];

我在我的html中循环：

<form *ngFor="let type of typesForms; let i = index" [formGroup]="typesForms[i]" class="row">

但是，当我推送新表单时，HTML不会更新。

this.typesForms.push(this.formBuilder.group({
    type: { value: data['type'], disabled: true }
}));

我已经注销了结果数据，它显示了新的表单对象，但前端没有任何内容。我认为这与反应形式有关，但我不确定我是否在搞其他东西。

Answer 1

您是否尝试过<form *ngFor="let type of typesForm" [formGroup]="type" class="row">？

更新

如果您有多个表单，则可以使用Angular的内置FormArray数据结构。它确实简化了对表单组的操作 - 允许您轻松跟踪更改并验证链接的FormGroup或FormControl。

注意：感谢ReactiveFormsModule hood 下的结构，您可以为FormArray，FormGroup和FormControl组成想：