当使用Angular Material的mat-stepper时,可能会遇到其与具有4个步骤/子项的表单不兼容的问题。这种行为是因为mat-stepper默认为步骤/子项分配一个flex属性,以便保持其大小和比例不变。但是,由于步骤/子项数量上限为4,因此默认行为并未正确处理此情况。
要解决这个问题,可以手动指定mat-vertical-stepper中每个步骤/子项的flex值。以下是完整的HTML示例代码:
Step 1
...
Step 2
...
Step 3
...
Step 4
...
在这个示例中,我们手动指定了每个步骤/子项的flex值,以解决与4个子项不兼容的问题。