使用默认值重置表单

Question

在我的角度应用程序中，我添加了ID的默认值作为0。但是当用户重置表格后，它便清除了。

如何使用剩余的默认值重置表单？

这是我的表格：

this.createForm = this.formBuilder.group({
    'Id': new FormControl({ value: 0, disabled: true }, [Validators.required])
});

我尝试过这样：

dismissEditPop() {
  this.createForm.reset();
  this.createForm.setValue({ //setting back not working!!
    Id: 0
  });
  this.modalBackdrop = false;
  this.editPopup = false;
  this.deletePopup = false;
  this.addRowData = false;
}

Answer 1

默认情况下，.reset()方法将表单标记为原始且未更改，并将其值设置为null。

要将其重置为另一个值，请传递所需的formState，例如：this.formGroup.reset({id: 0}。

其他信息位于documentation中。