角6 FormArray丢弃零域

Question

我在用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是复选框，它发送true或false。

但有时动态添加更多字段，如果提交为空，则分配给phone和primary字段的值为空。

1. 如何从提交中丢弃formArray字段和空 phone字段？
2. 如何将primary默认值设置为false而不是null

Answer 1

您可以将默认值设置为FormControl对象，方法是将其作为其构造函数的第一个参数。

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

如果您想在提交null字段之前删除它们，那么您必须遍历form controls并手动删除它们。