以Angular react 的形式.如何在成功提交后仅重置表单的state

过程如下:

  • 根据服务结果创建表单和setValue
  • 修改值并提交表单
  • 如果表单已正确提交服务,则重置并保留值

How to keep values as modified and reset the form to its pristine state.

一张表格.reset()只需清空表单.但如果我不调用它,状态就不会重置,例如,依赖于表单状态类(pristine、dirty、valid等)的验证仍然存在.

推荐答案

@smnbbrv的解决方案非常有效.

还可以向reset()方法提供实际的表单值.

考虑到myReactiveForm在组件中是一种react 形式.成功提交表单后(例如,通过调用服务),您可以执行以下操作:

this.myReactiveForm.reset(this.myReactiveForm.value);

它将重置表单,并将"新"表单值设置为与表单相同的值.

这个方法可以在Hero示例Official Angular.io doc中看到

Typescript相关问答推荐

如何将函数类型应用到生成器?

之间是否有区别:例如useEffect()React.useEffect()

调用另一个函数的函数的Typescript类型,参数相同

net::BER_RECTION_REUSED和Uncatch使用Axios和TanStack-Query useMutation时未捕获错误(DelivercMutation)

TypeScript泛型参数抛出错误—?&#"' 39;预期"

将对象属性转换为InstanceType或原样的强类型方法

如何使用函数填充对象?

Next.js错误:不变:页面未生成

Angular:ngx-echart 5.2.2与Angular 9集成错误:NG 8002:无法绑定到选项,因为它不是div的已知属性'

如何在Vue中使用Enum作为传递属性的键类型?

如何从MAT-FORM-FIELD-MAT-SELECT中移除焦点?

ANGLE订阅要么不更新价值,要么不识别价值变化

S,为什么我的T扩展未定义的条件在属性的上下文中不起作用?

Angular 16将独立组件作为对话框加载,而不进行布线或预加载

为什么特定的字符串不符合包括该字符串的枚举?

具有匹配功能的TS通用事件处理程序

创建一个函数,该函数返回一个行为方式与传入函数相同的函数

typescript如何从映射类型推断

如何正确键入泛型相对记录值类型?

断言同级为true或抛出错误的Typescript函数