Есть ли возможность продлить время поиска в коврике? - PullRequest
Новая
       1

Есть ли возможность продлить время поиска в коврике?

0 голосов
/ 05 ноября 2019

У меня есть этот mat-select, который работает так же, как и любой другой выпадающий список, но при использовании приложения пользователь нажимает на выпадающий список (это длинный список) и печатает с клавиатуры, например, 'goo'. Теперь, если пользователь набирает, например, буквы «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>

1 Ответ

1 голос
/ 05 ноября 2019

Вы можете установить 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>
...