在打开随后的角撑板扩展面板时触发验证吗？

Question

我有三个扩展面板，每个面板都有一个角形。页面加载时，默认情况下，第一个面板会展开，而其他两个面板则处于折叠状态。在页面底部，我有一个提交按钮，用于提交所有三种形式。

<mat-accordion [multi]="true" [togglePosition]="'before'">
<mat-expansion-panel class="mat-elevation-z0" [expanded]="'true'">
  <form [formGroup]="stepOne">
     With mandatory fields. 
  </form>
</mat-expansion-panel>

<mat-expansion-panel class="mat-elevation-z0">
  <form [formGroup]="stepTwo">
     With mandatory fields. 
  </form>
</mat-expansion-panel>

<mat-expansion-panel class="mat-elevation-z0">
  <form [formGroup]="stepThree">
     With mandatory fields. 
  </form>
</mat-expansion-panel>
</mat-accordion>

<button mat-raised-button type="submit">OK</button>

那么当用户尝试扩展第二个扩展面板时，是否有办法触发第一个表单的验证并将第一个面板表单设置为肮脏？

原因：如果用户点击屏幕底部的“提交”按钮后看到所有错误消息，则可能是错误的UX。