Угловая formGroup внутри formArray, formGroup недопустима, но `formArray.valid` имеет значение true

Question

это мой основной код:

get emailFormArray() {
  return this.formGroup.get("emails") as FormArray;
}

public ngOnInit() {
  this.formGroup = this.formBuilder.group({
    emails: this.formBuilder.array([]),
  });
  this.addEmailFormGroup();
}

public addEmailFormGroup() {
  this.emailFormArray.controls.push(
    this.formBuilder.group({
      email: ['', Validators.email],
    }),
  );
}

и в моем шаблоне

{{ formGroup.valid }}
{{ emailFormArray.valid }}
<ng-container *ngFor="let email of emailFormArray.controls">
  {{ email.valid }}
  {{ email.get('email').valid }}
</ng-container>

Когда я ввожу неверный адрес электронной почты, результат в шаблоне будет true true false false, почему formGroup и emailFormArray действительны? Спасибо!

Answer 1

Я нашел причину. Я должен использовать this.emailFormArray.push вместо this.emailFormArray.controls.push