垫选择内垫选项的宽度不合适

Question

对于许多人来说，这很简单，但我无法弄清楚。

我在表单内使用mat-select，当我想从列表中选择选项时，选项宽度变为100％。但这应该取决于选择框。

这是选项宽度的快照，

这是HTML

<mat-form-field class="form" appearance="outline">
          <mat-select formControlName="paymentType" placeholder="Type" (selectionChange)="onChange($event)">
            <mat-option *ngFor="let payment of paymentTypes" [value]="payment.value">
              {{payment.viewValue}}
            </mat-option>
          </mat-select>
        </mat-form-field>

我希望选项的宽度仅显示在选择框下方。

请帮助我。

Answer 1

我认为直接在 mat-option 节点上添加“最大宽度”样式就足以解决您的问题。