Автозаполнение угловой формы материала с 5000 значениями

Question

Я использую Angular 7 и Angular Material.

Я использую компонент материала автозаполнения угловой формы , сохраняя значения непосредственно в моем компоненте.

Кроме того, теперь я хотел бы отфильтровать более 5000 значений. Если я сохраню это непосредственно в моем компоненте, я потеряю производительность.

Какую стратегию мне нужно принять?

Answer 1

Это действительно зависит от конкретного случая.Я хотел бы предложить следующее:

Вместо автоматической сортировки всех ваших 5000 записей в ngOnInit, подождите, пока пользователь сначала не введет текст в вашей строке автозаполнения.После ввода буквы выполните вызов API, который отфильтровывает эти записи в бэкэнде, возвращая меньшую часть этих записей.

Остальная фильтрация будет выполняться на внешнем интерфейсе.

Answer 2

При загрузке любых данных для фильтрации вы должны загружать максимум до 20 элементов. И используйте время отката и тему для запуска входных данных и отмены наблюдаемого