Я пытаюсь найти модуль Angular2, который обеспечивает полноразмерную функциональность карусели. Кто-нибудь знает об одном, или какой-нибудь пример кода, который я мог бы использовать?Угловой модуль с полной шириной для карусели?
ответ
This package работал для меня, и это было легко настроить.
Edit:
Эта карусель занимает пространство контейнера вы положили его, как и в их примере:
<div style="width: 800px; height: 400px">
<carousel [sources]="imageSources" [config]="config"></carousel>
</div>
достаточно просто!
Если я ошибаюсь, Angular2 должен быть обратно совместим с Angular1. Вы могли бы использовать существующий модуль и использовать ngUpgrade. Пример карусели может быть Angular-Slick. Я нашел статью о upgrading apps to Angular2.
Да, я полагаю, что если бы не было существующих вариантов, которые я могу просто подключить к m y приложение. Спасибо за ссылки, я могу пойти по этому маршруту. – Eddie
Вы можете посмотреть в ngx-drag-scroll, он имеет такие функции, как перетащить мышь для прокрутки и скрыть полосы прокрутки и т.д.
Пример использования:
<div drag-scroll drag-scroll-y-disabled="true" scrollbar-hidden="true" >
<img *ngFor="let image of imagelist" [src]="'you_assets_path' + image" />
</div>
Для получения дополнительных примера и документов, там демонстрационный сайт: https://bfwg.github.io/ngx-drag-scroll/
- 1. Модуль угловой-карусели не загружается
- 2. Проблемы с шириной карусели
- 3. Управление шириной индикатора карусели
- 4. Дизайн стола с полной шириной для Chrome
- 5. Загрузочный ботинок с полной шириной
- 6. LinearLayout с полной шириной Android
- 7. Выпадающее меню с полной шириной
- 8. Настройка таблицы полной шириной
- 9. Контейнер с полной шириной с фиксированной шириной. Sass, Bourbon Neat
- 10. Карусели с полной шириной, которые могут выделить выбранное изображение и частично показать другие изображения в галерее
- 11. Сделать рисунок SVG полной шириной
- 12. Автоматическое изменение размера изображения карусели с фиксированной высотой 500 пикселей и полной шириной
- 13. Вложенные элементы списка с полной шириной границы?
- 14. Сделать контейнер полной шириной с помощью flex
- 15. Как сделать «трансблок» полной шириной
- 16. Как установить диалог с полной шириной?
- 17. havung проблема с полной шириной img css
- 18. Панель навигации: второй уровень с полной шириной
- 19. Android GridView - один элемент с полной шириной
- 20. Отзывчивое изображение с плавающей и полной шириной
- 21. ссылка с полной шириной внутри div
- 22. Anchor тег проблема с полной шириной
- 23. WrapPanel ребенок с полной шириной родителя
- 24. изображение карусели не полная ширина даже с минимальной шириной: 100%
- 25. Appcelerator Приложение iOS не является полной шириной
- 26. Угловой модуль для моментального диапазона
- 27. Как сделать нижний колонтитул полной шириной?
- 28. Как сделать текст полной шириной контейнера?
- 29. Ионная сетка - строка не занята полной шириной
- 30. Как сделать отображаемое изображение полной шириной
Хорошо, я могу быть утомленным. – dockleryxk
И я только понял, что этот вопрос существует более года назад, а не через пару недель ... ну ладно. – dockleryxk
Спасибо за издание вашего ответа. : D Имейте в виду, что вы не только отвечаете на вопрос, чтобы помочь OP. Вы также помогаете будущим читателям. Это означает, что не имеет значения, сколько лет вопрос. Ваши идеи оценены, если вы считаете, что можете помочь будущим читателям. –