要使用现有数组初始化formArray
,可以按照以下步骤进行操作:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, FormArray } from '@angular/forms';
export class YourComponent implements OnInit {
form: FormGroup;
ngOnInit() {
this.form = new FormGroup({
checkboxes: new FormArray([])
});
}
}
formArray
:initializeFormArray() {
const checkboxes = this.form.get('checkboxes') as FormArray;
// 假设现有的数组是这个
const existingArray = ['option1', 'option2', 'option3'];
// 使用现有数组遍历并在formArray中添加每个选项
existingArray.forEach((option) => {
checkboxes.push(new FormControl(option));
});
}
formArray
和复选框进行循环,以显示和选择选项:
initializeFormArray
方法以初始化formArray
:ngOnInit() {
this.form = new FormGroup({
checkboxes: new FormArray([])
});
this.initializeFormArray();
}
这样,现有的数组将被用作初始选项,并且可以在表单中显示和选择这些选项。