#css #angular
#css #угловой
Вопрос:
Я только что обновил проект Angular 8 до Angular 9 и пробую ngx-bootstrap-multiselect.
Способ размещения элементов в одной строке создает неудобный дисплей (где иногда флажки для последующих элементов отображаются справа от предыдущего элемента).
Есть ли параметр, который напрямую управляет этим? Если нет, какова рекомендуемая альтернатива (я подумываю об использовании itemClasses).
Комментарии:
1.
.whatewer-selector-for-checkbox-wrapper{display: block;}?2. @Justinas Я пробовал это изначально, но это не сработало. Я должен был добавить
::ng-deep, чтобы это сработало.
Ответ №1:
Основываясь на комментарии @Justinas, я смог правильно отобразить элементы, добавив это в файл css родительского компонента:
::ng-deep span[role="menuitem"]{
display: block;
}
Компонент по-прежнему демонстрирует какое-то странное поведение. При нажатии на один элемент выбирается каждый элемент:
Я думаю, это связано с тем, что для компонента требуется Bootstrap 4 (я на Bootstrap 3). Связанная тема здесь: https://github.com/softsimon/ngx-bootstrap-multiselect/issues/462#issuecomment-560370149
Ответ №2:
Да, вы можете использовать itemClasses или вы можете легко создать свой собственный пользовательский выпадающий список multiselect.
Комментарии:
1. Отрицательный ответ исходил не от меня, но это не работает для меня.