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表单重置为原始状态的功能。

相关内容

热门资讯

透视免费!pokeplus脚本... 透视免费!pokeplus脚本,wpk俱乐部辅助器,课程教程(有挂实锤)-哔哩哔哩1、透视免费!po...
透视科技!hhpoker俱乐部... 透视科技!hhpoker俱乐部是干嘛的,hhpoker软件可以玩吗,教程书教程(有挂讲解)-哔哩哔哩...
透视讲解!aapoker公共底... 透视讲解!aapoker公共底牌,wepoker底牌透视,模板教程(有挂教学)-哔哩哔哩1、进入到a...
透视软件!德州局脚本,拱趴大菠... 透视软件!德州局脚本,拱趴大菠萝挂哪里,资料教程(有挂总结)-哔哩哔哩1、玩家可以在拱趴大菠萝挂哪里...
透视辅助!约局吧是否有挂,we... 透视辅助!约局吧是否有挂,wepoker分析,机巧教程(有挂教学)-哔哩哔哩小薇(透视辅助)致您一封...
透视线上!大菠萝手游辅助,hh... 透视线上!大菠萝手游辅助,hhpoker是真的还是假的,攻略教程(有挂教学)-哔哩哔哩1、hhpok...
透视肯定!pokemmo脚本,... 透视肯定!pokemmo脚本,wepoker有辅助吗,资料教程(有挂教学)-哔哩哔哩1、wepoke...
透视模拟器!大菠萝免费辅助,w... 透视模拟器!大菠萝免费辅助,wepoker破解工具,法门教程(有挂头条)-哔哩哔哩1、大菠萝免费辅助...
透视安卓版!wepoker有没... 透视安卓版!wepoker有没有机器人,hhpoker脚本下载,课程教程(有挂技巧)-哔哩哔哩wep...
透视安装!wepoker公共底... 透视安装!wepoker公共底牌,pokermaster破解版,模块教程(讲解有挂)-哔哩哔哩1、完...