html - Angular Material：Stepper 向前移动，尽管需要选择

Question

我想在垂直步进器 (Sv) 内创建一个水平步进器 (Sh)。在 Sh 里面是一个 select ，它是必需的。取消选择时，选择变为红色，但步进器仍然向前移动。为什么？

HTML：

<mat-vertical-stepper>
  <mat-step>
<mat-horizontal-stepper>

  <mat-step>
      <form name="formProtType">
        <mat-form-field>
          <mat-select name="selectProtType" placeholder="Select Protocol Type" required [(ngModel)]="selectedType">
            <mat-option>None</mat-option>
            <mat-option *ngFor="let type of protTypes" [value]="type">{{type}}</mat-option>
          </mat-select>
        </mat-form-field>

         <div>
           <button type="submit" mat-button matStepperNext>Next</button>
         </div>
      </form>

  </mat-step>
</mat-horizontal-stepper>
</mat-step>
<mat-step>

</mat-step>
</mat-vertical-stepper>

我已经尝试使用提交按钮，但即便如此它也无法正常工作。我想念什么？