遍历FormArray以显示表单字段的解决方法可以使用Angular中的*ngFor指令。以下是一个示例代码:
在组件类中定义一个FormArray变量:
import { Component, OnInit } from '@angular/core';
import { FormArray, FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
formFields: FormArray;
ngOnInit() {
this.myForm = new FormGroup({
formFields: new FormArray([])
});
this.formFields = this.myForm.get('formFields') as FormArray;
}
}
在模板中使用*ngFor指令来遍历FormArray并显示表单字段:
在上述示例中,我们使用*ngFor指令来循环遍历formFields.controls数组,并使用[formControlName]属性将每个表单控件与对应的表单字段绑定起来。
下一篇:遍历fread语句