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

2024-05-07

我有一个场景,我正在访问两个不同的 NgForm,一个在父表单 #parentform 中,另一个在子组件 #childForm 中,并且我想检查子表单控件的有效性,无论在父组件表单中是否有效。如何在 Angular4 中做到这一点?

我也点击了这个链接:使用 Angular 4 检查父组件中的表单是否有效 https://stackoverflow.com/questions/44943981/check-if-a-form-is-valid-from-a-parent-component-using-angular-4

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

我的代码是这样的。

父组件.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>

子组件.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”在父表单中是否有效


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐