У меня есть три компонента - L1, L2 и L3, вложенные, как показано ниже: 
Компонент L3 имеет реактивную форму. Мне нужно отправить эту форму, используя кнопку в компонентах L2 и L1.
Я попытался использовать @Viewchild, но не смог заставить его работать. Вот что я пробовал .
У меня была такая же проблема, и я решил ее, но создал общедоступный метод для отправки формы
public submitForm() {
this.myForm.submitted = true;
}
<form [formGroup]='myForm' (ngSubmit)="submitForm()">
// ...
</form>
Затем, создав ссылочную переменную дочернего компонента в родительском и прародительском компоненте и используя эту переменную ref, я могу назвать ее как
this.child.submitForm();
const valid = this.child.myForm.valid;
console.log(valid);
Это должно решить вашу проблему.
