垫子选择内垫子选项的宽度不正确

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 节点添加“最大宽度”样式就足以解决您的问题。