我有一个场景,我正在访问两个不同的 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(使用前将#替换为@)