要获取Angular中FormArray控件的摘要,可以使用以下步骤:
import { Component } from '@angular/core';
import { FormArray, FormBuilder } from '@angular/forms';
export class MyComponent {
myFormArray: FormArray;
constructor(private formBuilder: FormBuilder) {
this.myFormArray = this.formBuilder.array([]);
}
}
export class MyComponent {
myFormArray: FormArray;
summary: string[];
constructor(private formBuilder: FormBuilder) {
this.myFormArray = this.formBuilder.array([]);
// 初始化表单控件
for (let i = 0; i < 5; i++) {
this.myFormArray.push(this.formBuilder.control(''));
}
}
getFormArraySummary() {
this.summary = [];
// 遍历FormArray的controls数组
for (let i = 0; i < this.myFormArray.controls.length; i++) {
this.summary.push(this.myFormArray.controls[i].value);
}
console.log(this.summary);
}
}
在上面的示例中,通过调用getFormArraySummary方法,可以在控制台中打印FormArray的摘要。可以根据需要将摘要用于其他用途。