При использовании раскрывающегося списка 3 в реактивной форме под углом 6 по умолчанию будет отображаться зависимость данных от значений раскрывающегося списка.

Question

В проекте Angular 6 у меня есть 3 выпадающих меню в зависимости друг от друга. По умолчанию необходимо выбрать значения и отправить, после чего будут показаны данные.

У меня есть значения по умолчанию раскрывающегося списка. Нажмите кнопку отправки, он покажет данные и после изменения выпадающих значений и отправить также работает.

<form [formGroup] = "addTestFilter" (ngSubmit)="getTestsBysubject()">
   <select id="selectBoard" formControlName="board" name="selectBoard" class="form-control" 
     (change) = "getGradeByBoard(selectBoard)" required [(ngModel)]="selectBoard">
      <option *ngFor="let board of boards" [value]="board._id">
         {{board.boardName}}
      </option>                          
   </select>
  <select id="selectGrade" formControlName="grade" name="selectGrade" class="form-control" 
     (change) = "getGradeBySubject(selectGrade)" required [(ngModel)]="selectGrade">
     <option *ngFor="let grade of grades" [value]="grade._id">
        {{grade.grade}}
     </option>                          
 </select>
 <select id="select3" formControlName="subject" name="selectSubject" class="form-control" 
      required [(ngModel)]="selectSbject">
     <option *ngFor="let sub of subjects" [value]="sub._id">
        {{sub.subjectName}}
     </option>                          
 </select>
 <button type="submit" class="btn btn-success mr-1 fa fa-search"></button>
</form>

Я должен получить данные, не нажимая кнопку отправки по умолчанию