呈角反应形式。成功提交后如何仅重置表单的状态

过程如下:

  • 从服务结果
  • 创建表单和setValue
  • 修改值并提交
  • 格式
  • 如果已正确提交表单,请重置并保留值

  • 如何保留修改后的值并将表单重置为原始状态。

    一个form.reset()只是清空表单。但是,如果我不调用它,则状态不会重置,例如,我仍然根据表单状态类(原始,脏,有效等)进行验证。

    最佳答案

    @smnbbrv的解决方案效果很好。

    您还可以将实际的表单值提供给reset()方法。

    考虑到myReactiveForm是组件中的Reactive表单。成功提交表单后(例如通过调用服务),您可以执行以下操作:

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

    它将重置表单并将"new"表单值设置为与表单相同的值。

    可以在“环游英雄”示例Official Angular.io doc中看到此方法

    08-05 03:03
    查看更多