解决方法如下:
FormsModule
和ReactiveFormsModule
模块。import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
]
})
FormGroup
和一个FormArray
。import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, FormArray } from '@angular/forms';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.html',
styleUrls: ['./your-component.css']
})
export class YourComponent implements OnInit {
form: FormGroup;
ngOnInit() {
this.form = new FormGroup({
array: new FormArray([])
});
}
}
FormArray
控件。
FormArray
中,你可以使用push
方法。addItem() {
const arrayControl = this.form.get('array') as FormArray;
arrayControl.push(new FormControl(''));
}
这些步骤应该能够解决你遇到的问题。如果问题仍然存在,请确保你的其他代码没有影响到FormArray
的工作。