Angular2材質2自動完成如何更改下拉寬度？

Question

如何在自動完成角度材料2中更改下拉的寬度？ 我想讓下拉寬度與輸入框相同。

https://plnkr.co/edit/uFS9M3?p=preview

 <md-input-container> <input class="app-searchbox-input" mdInput placeholder="How to change the width of dropdown?" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> 

Answer 1

將您的css類添加到md-container中

<md-autocomplete #auto="mdAutocomplete" class="app-searchbox-input">
  <md-option *ngFor="let state of filteredStates | async" [value]="state">
    {{ state }}
  </md-option>
</md-autocomplete>

更新了Plunk

Answer 2

據我所知，截至2018年7月，默認情況下，自動完成面板寬度已與輸入字段寬度相同。

按我的回答對一個類似問題，你現在可以使用新的panelWidth財產。

@Input()
panelWidth: string | number

指定自動完成面板的寬度。 可以是任何CSS大小調整值，否則它將匹配其主機的寬度。