angular - FormGroup.reset() 不会更新 DOM 中的值

Question

我已经用有角的 FormBuilder 构建了一个表单。

constructor(fb: FormBuilder) {}

searchForm = this.fb.group({
  firstName: [],
  lastName: [],
  age: [18]
});

作为表单重置的一部分，我想清除表单中的所有值，但将 age 的默认值重置为18. 所以在我的模板中，我将我<form>的表单组与

<form [formGroup]="searchForm" (ngSubmit)="onSubmit()">
  ...
  <button type="submit">Search</button>
  <button type="reset" (click)="reset()">Clear</button>
</form>

reset()功能就是这样。

reset() {
  this.searchForm.reset({age: 18});
}

我错过了什么，或者我做错了什么？

标签： angularformsdom

Answer 1

您可以提供文档中描述的值

在你的情况下：

reset() {
  this.searchForm.reset({age : 18});
}

编辑

你有type="reset"这似乎覆盖了默认值。
这是一个堆栈闪电战