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

相关内容

热门资讯

科技分享!雀友会潮汕图片辅助器... 科技分享!雀友会潮汕图片辅助器,边锋老友怎么开挂,详细app(有挂详细)雀友会潮汕图片辅助器辅助器是...
重大通报!微乐a3纸牌有脚本,... 重大通报!微乐a3纸牌有脚本,靠谱辅助软件,详细器(有挂解惑)1、超多福利:超高返利,海量正版游戏,...
热点讨论!科技实测情怀辅助,潮... 您好,潮友会app下载官方辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
我来向大家传授!随意玩房卡辅助... 我来向大家传授!随意玩房卡辅助,圣游辅助器,详细软件(了解有挂);1、下载好随意玩房卡辅助正确养号方...
教程辅助!赣南必胜辅助,柳州八... 教程辅助!赣南必胜辅助,柳州八一字牌辅助,详细app(揭秘有挂)1、柳州八一字牌辅助破解器简单,柳州...
盘点一款!雀神山庄麻将辅助器,... 盘点一款!雀神山庄麻将辅助器,吉祥填大坑机制原理,详细插件(确实有挂)1)雀神山庄麻将辅助器有没有挂...
避坑细节!闲逸亲友圈app辅助... 避坑细节!闲逸亲友圈app辅助,金杯竞技辅助,详细软件(有挂解惑)闲逸亲友圈app辅助透视方法中分为...
记者揭秘!蜀渝牌血战到底辅助,... 记者揭秘!蜀渝牌血战到底辅助,摸一把花牌辅助,详细挂(有挂细节)1、点击下载安装,蜀渝牌血战到底辅助...
揭秘攻略!皮皮透视辅助软件工具... 揭秘攻略!皮皮透视辅助软件工具,爱趣玩辅助,详细技巧(有挂细节)1、皮皮透视辅助软件工具破解器简单,...
玩家科普!乐酷辅助,杭州边锋辅... 玩家科普!乐酷辅助,杭州边锋辅助软件,详细插件(有挂秘笈)杭州边锋辅助软件能透视中分为三种模型:杭州...