角材料：尽管需要选择，但步进器仍会前进

Question

我想在垂直步进器（Sv）内创建一个水平步进器（Sh）。 Sh内部是必需的选择。未选择时，选择变为红色，但步进器仍然向前移动。为什么？

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>

我已经尝试过使用“提交”按钮，但即使这样也无法正常工作。我想念什么？