更改垫子自动完成宽度？

似乎是<mat-autocomplete>width 始终是我们输入的输入的宽度。有没有办法让它变大？我的输入非常小，无法读取下拉项目。我的表单空间也有限，因此无法使输入更大。

<mat-form-field style="width: 100px;">
  <input matInput [matAutocomplete]="auto">
  <mat-autocomplete style="width: 500px;" #auto="matAutocomplete">
    <mat-option *ngFor="let item of items" [value]="item">
    </mat-option>
  </mat-autocomplete>
</mat-form-field>

在文档中垫自动完成 https://material.angular.io/components/autocomplete/api#MatAutocomplete有一个属性正是您所需要的：

@输入（） 面板宽度：字符串|数字

指定自动完成面板的宽度。可以是任何 CSS 大小调整值，否则它将与其主机的宽度相匹配。

通过使用此属性，您不会面临干扰从 cdk-overlay-pane 继承的任何其他内容的风险。

对于进一步的自定义，您可能会发现此属性也很有用：

@Input('类') 类列表：字符串

获取主机 mat-autocomplete 元素上设置的类，并将它们应用到覆盖容器内的面板，以方便设置样式。