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});
}

我想念什么，或者我做错了什么？

Answer 1

您可以提供doc

中所述的值

您的情况：

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

编辑

您有type="reset"，它似乎覆盖了默认值。
这是stackblitz