Сбросить группу форм по нажатию кнопки в Angular 6 (Отзывчивая форма)?

Question

Я пытаюсь очистить значения формы после нажатия кнопки.Ниже показан HTML и угловой компонент.Нажатием той же кнопки я хочу сбросить или обновить значения.Спасибо.

 onAddClientNeeds() {
        
        this.listOfNeedsAssessment.push(this.needsAssessment.value);
        this.isNeedsAssessmentAdded = true;
    }

<div [formGroup]="needsAssessment" class="main-container">
    <div class="header-section">
    <div class="flex-container">
        
            <div class="edit-section">
                <p class="edit-title">Mental Health</p>
                <div class="edit-body">
                    <select class="form-control" (change)="onchange($event)" (blur)="onchange($event)" id="mental_health">
                        <option selected value="0">Select Option</option>
                        <option *ngFor="let mentalHealth of mentalHealthList" value={{mentalHealth.Id}}>{{mentalHealth.Item}}</option>
                    </select>
                </div>
            </div>
            <div class="edit-section">
                <p class="edit-title">Persistant Pain</p>
                <div class="edit-body">
                    <select class="form-control" (change)="onchange($event)" (blur)="onchange($event)" id="persistant_pain">
                        <option selected value="0">Select Option</option>
                        <option *ngFor="let persistantPain of persistantPainList" value={{persistantPain.Id}}>{{persistantPain.Item}}</option>
                    </select>
                </div>
            </div>
            
        <div class="button-select">
            <button type="button" class="create-button" (click)="onAddClientNeeds()">Add Needs Assessment Outcomes</button>
        </div>
    </div>
</div>

Answer 1

Просто вызовите функцию сброса ()

onAddClientNeeds() {
  if (this.needsAssessment.valid) {
    this.needsAssessment.reset();     
  }
}