Як налаштувати автозаповнення в Angular?
У цьому розділі пояснюється, як створити простий компонент автозаповнення та налаштувати його доступні функції в Angular.
- Залежності. …
- Налаштувати кутове середовище. …
- Створіть новий додаток. …
- Встановлення пакета Syncfusion AutoComplete. …
- Реєстрація модуля автозаповнення. …
- Додавання посилання на CSS. …
- Додавання компонента автозаповнення.
Почніть зі створення панелі автозаповнення та параметрів, які відображаються в ній. Кожен параметр має бути визначений тегом mat-option. Установіть значення властивості кожного параметра на будь-яке значення, яке має бути введений текст, коли вибрано цей параметр.
Щоб встановити значення, використовуйте прив’язку властивості [value] компонента або прив’язку ngModel. Коли значення змінюється, автозаповнення запускає подію valueChange. Щоб визначити кілька значень, використовуйте MultiSelect.
Автозаповнення підтримує поведінку автозаповнення за допомогою властивості автозаповнення. Щоразу, коли ви змінюєте введене значення, автозаповнення автоматично заповнює ваші дані, збігаючи введений символ. Припустімо, якщо відповідників не знайдено, автозаповнення не запропонує жодного елемента.
Увімкнути автозаповнення: Натисніть «Усі налаштування функцій пошуку». У розділі «Функції пошуку» прокрутіть униз до «Автозаповнення». Увімкніть/вимкніть, щоб увімкнути/вимкнути автозаповнення. Може знадобитися до 2-4 днів, перш ніж автозаповнення, адаптовані до вашої пошукової системи, почнуть з’являтися.
Налаштування автозаповнення налаштовує ваш термінал, тож натискання клавіші <TAB> під час введення тексту відображатиме різні доступні вам команди та параметри. Це дозволяє дуже легко знаходити та використовувати команди CLI без запам’ятовування.