#html #angular
Вопрос:
Пример html-кода
<nx-dropdown-item
*ngFor="let profession of occupationProfessionChanges$ | async | slice: 0:50"
[nxValue]="profession?.code"
attr.data-id="{{ 'occupationProfession-' profession.code }}"
>
{{ profession?.name }}
</nx-dropdown-item>
- В списке 200 вариантов, в раскрывающемся списке отображаются первые 50 вариантов .
- Теперь, если я выберу 70-й вариант, значение успешно перейдет на серверную часть.
- Когда я возвращаюсь на страницу, выбранная 70-я опция не отображалась в пользовательском интерфейсе, она была выбрана и скрыта.
Пожалуйста, предложите любое решение для этого случая.
Комментарии:
1. Я предлагаю использовать заголовок типа (личное мнение:использовать выпадающий список с более чем 20 элементами кажется мне сумасшедшей идеей)
2. вы можете использовать ng-select.github.io/ng-select#/data-sources , для выпадающего списка в angular. посетите страницу библиотеки npmjs.com/package/@ng-select/ng-select
Ответ №1:
Я создал одну демо-версию в https://stackblitz.com/edit/ng-select-ohzqzo, так как вас беспокоит производительность.
Я действительно предлагаю вам использовать ng-select, так как он обладает широким спектром функций, которые вы можете использовать.