使用默认值重置表单

Question

在我的 angular 应用程序中，我将 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。

使用默认值重置表单

Reset form with default values

angular

angular-forms

angular8