문제 : Form 제출한 다음 input 창을 초기화하고 싶은데, 제출한 그대로 남아있다.

시도 :

1. 초기화는 되지만, 해당 title필드의 내용이 저장되지 않음

 public resetForm(): void {
    this.dashboardForm.controls['title'].setValue('');
}
=> setValue를 쓰는게 분명 맞는데, 어디서 안되는 걸까? 

해결 방법 :

this.dashboardForm.reset();

.reset() 하면 폼 전체 초기화된다. ㅎㅎ

찾은곳
앵귤러 공홈 설명

공식문서에는 이렇게 값을 넣어 보여줘서 좀 더 찾아봤었다.

const form = new FormGroup({
  first: new FormControl('first name'),
  last: new FormControl('last name')
});

form.reset({
  first: {value: 'name', disabled: true},
  last: 'last'
});

console.log(form.value);  // {last: 'last'}
console.log(form.get('first').status);  // 'DISABLED'