在reset()表单之后出现角度验证消息

Ron*_*rad 5 forms angular-validation angular angular-reactive-forms

我尝试在调用之后使表格变得清晰而没有验证错误消息reset()

我的表单在加载时看起来很干净,这是可以预期的: 加载页面时的形式,没有验证错误 但是,如果用户按下注册按钮,并且出现错误,则触发该form.reset()方法。我希望表格看起来像上面的图片,因为触摸,原始,肮脏的道具都与表格初次加载时一样。而是清除了值,但显示了验证错误。 带有验证错误的表格 谁能帮我将其恢复为初始状态,是否显示无验证错误的清晰表格?这是一种反应形式。如果您需要更多信息,请与我们联系。谢谢!

Vic*_*sky 8

好像您正在使用Angular Materials。如果是这样,还必须重设FormGroupDirective,仅重设FormGroup是不够的。

private registerForm(fData: any,formDirective: FormGroupDirective): void {
    formDirective.resetForm();
    this.RegForm.reset();
}
Run Code Online (Sandbox Code Playgroud)

private registerForm(fData: any,formDirective: FormGroupDirective): void {
    formDirective.resetForm();
    this.RegForm.reset();
}
Run Code Online (Sandbox Code Playgroud)