使用默认值重置表单

时间:2019-07-10 13:30:57

标签: angular angular-forms angular8

在我的角度应用程序中,我添加了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;
}

1 个答案:

答案 0 :(得分:3)

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

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

其他信息位于documentation中。