如何在Angular 4中检查父组件中子组件表单的有效性

Question

我有一个场景，我在父窗体#parentform中访问两个不同的NgForm，在子组件#childForm中访问其他一个，我想检查子窗体中控件的有效性是否有效在父组件形式中。如何在angular4中执行此操作。

我也关注此链接： Check if a form is valid from a parent component using Angular 4

每次我都未定义子组件表单的引用。

我的代码是这样的。

parent.component.html

    <form class="form-wrapper" (ngSubmit)="parentForm.form.valid && save()" #parentForm="ngForm" novalidate>
        <input id="firstName" type="text" placeholder="" class="validate" name="firstName" [(ngModel)]="firstname_" #firstName="ngModel" required>                        
    </form>
    <child-component></child-component>

child.component.html

 <form class="form-wrapper" (ngSubmit)="childForm.form.valid && save()" #childForm="ngForm" novalidate>
        <input id="phoneNumber" type="text" placeholder="" class="validate" name="phoneNumber" [(ngModel)]="phone_" #phoneNumber="ngModel" required>                        
 </form>

现在我想验证子组件表单“childForm”是否有效，无论是否为父表单