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

相关内容

热门资讯

细节辅助!微信牵手跑辅助,衢州... 细节辅助!微信牵手跑辅助,衢州都莱有没有辅助器,普及知识开挂(竟然有挂)衢州都莱有没有辅助器ai黑科...
4分钟辅助!wepoker是不... 4分钟辅助!wepoker是不是有人用挂,微信新九五辅助(大家学习交流开挂辅助神器);1、点击下载安...
必看辅助!白金岛手游辅助脚本平... 必看辅助!白金岛手游辅助脚本平台,八大碗辅助器,透视存在开挂(真是有挂);打开点击测试直接进入微信(...
第2分钟辅助!小闲巴渝辅助,广... 《第2分钟辅助!小闲巴渝辅助,广东雀神祈福有用吗(玩家必备科技开挂辅助工具)》 广东雀神祈福有用吗软...
原来有辅助!游戏茶苑辅助软件,... 大家好,今天小编来为大家解答游戏茶苑辅助软件这个问题咨询软件客服可以免费测试直接加微信(136704...
七分钟辅助!小闲川南辅助,极速... 【福星临门,好运相随】;七分钟辅助!小闲川南辅助,极速猜一猜暗堡辅助器(科技通报开挂辅助平台);暗藏...
实测辅助!广东老友辅助,全来潜... 实测辅助!广东老友辅助,全来潜山跑风破解版安卓,实测必看开挂(有挂教学)>>您好:软件加136704...
第二分钟辅助!蜀山四川智能辅助... 第二分钟辅助!蜀山四川智能辅助插件下载,亲友联盟能开挂不(透视神器开挂辅助脚本);1、让任何用户在无...
正版辅助!小松宿松辅助码,闲逸... 正版辅助!小松宿松辅助码,闲逸辅助器辅助下载,揭秘开挂(有挂总结);亲,闲逸辅助器辅助下载这款游戏原...
八分钟辅助!pokermast... 八分钟辅助!pokermaster破解版,新二号辅助器软件多少钱(重大发现开挂辅助插件);是一款可以...