我使用 Angular Reactive 表单作为搜索表单。我希望能够重置表格。我用以下代码做到了这一点:
<button type="reset" (click)="onReset()">
Reset
</button>
重置方法执行以下操作:
onReset(){
this.myForm.reset();
this.myForm.markAsPristine();
this.myForm.markAsUntouched();
}
这使得所有表单控件为空。但它不会重置表单验证。如果表单无效,我会停用提交按钮。当我第一次使用该表单时,这是有效的。单击重置后,验证不再起作用。提交表单后似乎被取消激活。
我该如何解决这个问题?我在这里缺少什么?
请使用以下代码:
this.myForm.reset()
Object.keys(this.myForm.controls).forEach(key => {
this.myForm.controls[key].setErrors(null)
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)