在Angular中,可以通过使用get
方法获取FormArray
的值。以下是一个示例:
首先,创建一个响应式表单并定义一个FormArray
:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
selector: 'app-example',
template: `
`,
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.myForm = this.formBuilder.group({
items: this.formBuilder.array([
this.createItem(),
]),
});
}
get items(): FormArray {
return this.myForm.get('items') as FormArray;
}
createItem(): FormGroup {
return this.formBuilder.group({
name: '',
quantity: '',
});
}
onSubmit() {
// 获取FormArray的值
const formArrayValue = this.items.value;
console.log(formArrayValue);
}
}
在上面的示例中,我们定义了一个myForm
表单,其中有一个items
的FormArray
。我们可以通过get
方法获取items
,然后使用value
属性获取FormArray
的值。
在onSubmit
方法中,我们将FormArray
的值打印到控制台。
希望这个示例能帮助到你!