title: How to reset one form from another(Angular4)
body: <p>So essentially I have these two forms:</p>
  
  <pre><code>&lt;!-- Form for selecing class --&gt;
  &lt;form #f="ngForm" *ngIf="selectedRace"&gt;
    &lt;label for="class"&gt;Class&lt;/label&gt;
    &lt;select name="class" id="class" [(ngModel)]="selectedClass" (ngModelChange)="onSelectClass($event)"&gt;
          &lt;option *ngFor="let class of classes | filterClassesByRace: selectedRace.raceName" [ngValue]="class" &gt;
            {{ class.className }}
          &lt;/option&gt;
        &lt;/select&gt;
  &lt;/form&gt;
  
  &lt;!-- Form for choosing your level, sets your points in the function --&gt;
  &lt;div class="form-group"&gt;
    &lt;label for="level"&gt;Level&lt;/label&gt;
    &lt;select name="level" id="level" [(ngModel)]="selectedLevel" (ngModelChange)="onSelectLevel($event)"&gt;
      &lt;option *ngFor="let level of levelSelect" [value]="level" &gt;{{level}}&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I'm trying to do is when the ngModelChange is called on the first form(class) I want to reset the level form. I feel like it's really easy to do and I'm just failing to google what I want to do properly, any help would be greatly appreciated. </p>