Question

我有这个mat-select，它与任何其他下拉菜单选择一样工作，但是当使用该应用程序时，用户单击下拉菜单（这是很长的列表），然后从键盘上键入内容，例如“咕”。现在，如果用户键入'goo'字母真的非常快，并且可以使用'Google'选项，但是如果键入不是选择'Google'而是慢一点，则选择'Oracle'，因为在该示例中最后键入的字母是'o'

是否有延长时间的选项，以便当用户转到下拉菜单并键入较慢的类型时仍可以转到正确的选项吗？

希望很明显，我会尽力用一个具体的例子来解释它。：）

<mat-form-field>
  <mat-select placeholder="Company Name" [compareWith]="compareFunc" [(value)]="data">
    <mat-option *ngFor="let c of companies" [value]="c">{{c.CompanyName}}</mat-option>
  </mat-select>
</mat-form-field>

Answer 1

您可以将typeaheadDebounceInterval设置为<mat-select>

编辑：仅从8开始可用。*

https://material.angular.io/components/select/api

等待一秒钟的示例：

<mat-select [typeaheadDebounceInterval]="1000" placeholder="Company Name" [compareWith]="compareFunc" [(value)]="data">
    <mat-option *ngFor="let c of companies" [value]="c">{{c.CompanyName}}</mat-option>
</mat-select>

是否有任何选择可以延长在垫选中搜索的时间

1 个答案: