Angular6 角度6格式阵列丢弃空字段

我使用的是

Angular 6

。我有一个

FormArray

数组，如下所示

contactAddForm: FormGroup;
phone_numbers: FormArray;

ngOnInit() {

  this.contactAddForm = this.formBuilder.group({
    first_name: new FormControl('', [
      Validators.required
    ])
    phone_numbers: this.formBuilder.array([this.createPhoneNumberFormField()])
  });
}

createPhoneNumberFormField(): FormGroup {
  return this.formBuilder.group({
    phone: new FormControl(),
    primary: new FormControl()
  });
}

这里的

电话

是文本字段，

主

是复选框，它发送

真

或

假

但有时会动态添加更多字段，如果提交为空，则分配给

phone

和

primary

字段的值为null

如何从提交中放弃带有null

phone

字段的formArray字段

如何将

primary

默认设置为false而不是null

---

您可以将默认值设置为

FormControl

对象，方法是将其作为构造函数的第一个参数提供

createPhoneNumberFormField(): FormGroup {
  return this.formBuilder.group({
    phone: new FormControl(),
    primary: new FormControl(false) // asigning default as false
  });
}

如果要在提交前删除

null

字段，则必须循环通过

表单控件

并手动删除它们