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

EDIT

У вас был type="reset", который, кажется, переопределяет значение по умолчанию.
Вот это stackblitz