如何删除angular2反应形式的FormArray

Question

我在从ReactiveForm中删除FormArray时遇到了问题。

我有以下代码：

ngOnInit() {
  this.survey = new FormGroup({
    surveyName: new FormControl(''),
    sections: new FormArray([
      this.initSection(), 
    ]), 
  });      
}

initSection(){
  return new FormGroup({
    sectionTitle : new FormControl(''),
    sectionDescription : new FormControl(''),
  });
}

addSection(){
  const control = <FormArray>this.survey.controls['sections'];
  control.push(this.initSection());
}

现在我要删除formControl surveyName

this.survey.removeControl('surveyName');

以上代码适用于surveyName。 但是我可以使用什么来删除表单数组部分。 我想用键删除整个section对象。

Answer 1

您应该始终使用removeControl从reactiveform中删除formControl和整个 formArray。

你需要注意的事情是你应该使用ngIf控制在从被动ngIf中移除后不显示被移除的元素。

看示例演示 。

Answer 2

使用removeAt()方法从formarray中删除元素