Angular的form reset()方法无法返回原始状态。
创始人
2024-10-24 03:01:00
0

在Angular中,form表单的reset()方法用于重置表单的值和验证状态。然而,该方法无法将表单重置为原始状态,因为它只重置了表单控件的值,而不会重置表单控件的验证状态、错误信息等。

如果你想要完全重置表单到原始状态,可以通过以下步骤来实现:

首先,在组件中定义一个表单的初始状态对象,用于保存表单的原始状态。

originalFormState: any;

ngOnInit() {
  // 保存表单的原始状态
  this.originalFormState = this.myForm.value;
}

resetForm() {
  // 重置表单的值
  this.myForm.reset(this.originalFormState);
  // 重置表单的验证状态
  this.myForm.markAsPristine();
  this.myForm.markAsUntouched();
}

在上述示例中,originalFormState变量用于保存表单的原始状态。在组件的ngOnInit生命周期钩子中,将表单的初始值赋值给originalFormState变量。

然后,在resetForm方法中,通过调用reset()方法将表单的值重置为原始状态,并通过markAsPristine()markAsUntouched()方法将表单的验证状态重置为初始状态。

最后,在模板中调用resetForm方法来重置表单。

通过以上代码,你可以实现将Angular表单重置为原始状态的功能。

相关内容

热门资讯

黑科技神器!aapoker系统... 黑科技神器!aapoker系统机制,wpk辅助,攻略方法(有挂技巧)-哔哩哔哩(1)黑科技神器!aa...
黑科技ai代打!wpk有外挂,... 黑科技ai代打!wpk有外挂,红龙扑克辅助工具,总结教程(有挂教程)-哔哩哔哩1、不需要AI权限,帮...
黑科技机器人!红龙扑克透牌规则... 黑科技机器人!红龙扑克透牌规则,Wepoke辅助器,科技教程(有挂介绍)-哔哩哔哩您好,红龙扑克透牌...
黑科技插件!德扑之星有系统新手... 黑科技插件!德扑之星有系统新手保护期吗,wepoke小技巧,2025版教程(有挂方法)-哔哩哔哩;是...
黑科技透明挂!德扑ai助手,W... 黑科技透明挂!德扑ai助手,Wepoke辅助器,曝光教程(有挂透明)-哔哩哔哩;小薇(透视辅助)致您...
黑科技ai辅助!aapoker... 黑科技ai辅助!aapoker俱乐部,aa poker有没有挂,教你攻略(有挂教程)-哔哩哔哩是一款...
黑科技插件!aapoker俱乐... 黑科技插件!aapoker俱乐部,微扑克系统发牌逻辑,我来教教你(有挂了解)-哔哩哔哩1、超多福利:...
黑科技脚本!德扑起手牌胜率图,... 您好,德扑起手牌胜率图这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
黑科技辅助!wpk有伙牌吗,w... 黑科技辅助!wpk有伙牌吗,wpk德州透视辅助,大神讲解(有挂总结)-哔哩哔哩;是一款可以让一直输的...
黑科技透视!wepoke到底有... 黑科技透视!wepoke到底有没有挂,wpk有挂么,透明挂教程(有挂黑科技)-哔哩哔哩;小薇(透视辅...