angular - matSelect - matOption：调整显示的选项数量（默认显示 6 个选项）

Question

我在我的 Angular 5 应用程序中使用了这个角材料组件：

matSelect 带搜索

默认显示 6 个选项。有没有办法调整它，例如默认显示 4 个选项？

<mat-form-field style="width:88%;margin-top:5px;">
    <mat-select formControlName="contact" placeholder="Kontakt *">
        <ngx-mat-select-search [formControl]="contactFilter"></ngx-mat-select-search>
        <mat-option *ngFor="let contact of filteredContacts | async" [value]="contact" style="max-height:50px;">
            {{contact.institution}} - {{contact.address.postalCode}} {{contact.address.region}}
        </mat-option>
    </mat-select>
  </mat-form-field>

Answer 1

您可以限制初始化时显示的选项，filteredContacts类似于示例

// load the initial contact list
this.filteredContacts.next(contacts.slice(0, 4));

如果您询问如何限制可见选项的数量，即选项面板的高度，您可以更新ngx-mat-select-search到最新版本，因为在1.4.1面板高度的覆盖中由于定位问题而被删除，请参阅https://github .com/bithost-gmbh/ngx-mat-select-search/releases/tag/1.4.1