如何從另一個（Angular4）重置一種​​形式

Question

所以基本上我有這兩種形式：

<!-- Form for selecing class --> 
<form #f="ngForm" *ngIf="selectedRace"> 
    <label for="class">Class</label> 
    <select name="class" id="class" [(ngModel)]="selectedClass" (ngModelChange)="onSelectClass($event)"> 
     <option *ngFor="let class of classes | filterClassesByRace: selectedRace.raceName" [ngValue]="class" > 
      {{ class.className }} 
     </option> 
     </select> 
</form> 

<!-- Form for choosing your level, sets your points in the function --> 
<div class="form-group"> 
    <label for="level">Level</label> 
    <select name="level" id="level" [(ngModel)]="selectedLevel" (ngModelChange)="onSelectLevel($event)"> 
    <option *ngFor="let level of levelSelect" [value]="level" >{{level}}</option> 
    </select> 
</div> 

我想要做的是當ngModelChange被稱爲第一種形式（類）我要上重置關卡表格。我覺得這很容易做，我只是沒有谷歌我想做的正確，任何幫助將不勝感激。

Answer 1

簡單，

onSelectClass(event){ 
    this.selectedLevel=""; 
}