Как вызвать угловое 5-ти реактивное событие отправки формы от его родительского и родительского компонента?

Question

У меня есть три компонента - L1, L2 и L3, вложенные, как показано ниже:

Компонент L3 имеет реактивную форму.Мне нужно отправить эту форму, используя кнопку, присутствующую в компонентах L2 и L1.

Я пытался использовать @Viewchild, но не смог заставить работать эту вещь. Вот что я пробовал .

Answer 1

У меня была та же проблема, и я решил ее, но создав открытый метод для отправки формы

public submitForm() {
  this.myForm.submitted = true;
}

<form [formGroup]='myForm' (ngSubmit)="submitForm()">
  // ...
</form>

Затем, создав ссылочную переменную дочернего компонента в компоненте parent и grandparent и используя эту переменную ref, я могуНазовите это как

this.child.submitForm();
const valid = this.child.myForm.valid;
console.log(valid);

Это должно решить вашу проблему.