2016-08-02 3 views

ответ

1

This package работал для меня, и это было легко настроить.

Edit:

Эта карусель занимает пространство контейнера вы положили его, как и в их примере:

<div style="width: 800px; height: 400px"> 
    <carousel [sources]="imageSources" [config]="config"></carousel> 
</div> 

достаточно просто!

+0

Хорошо, я могу быть утомленным. – dockleryxk

+0

И я только понял, что этот вопрос существует более года назад, а не через пару недель ... ну ладно. – dockleryxk

+0

Спасибо за издание вашего ответа. : D Имейте в виду, что вы не только отвечаете на вопрос, чтобы помочь OP. Вы также помогаете будущим читателям. Это означает, что не имеет значения, сколько лет вопрос. Ваши идеи оценены, если вы считаете, что можете помочь будущим читателям. –

0

Если я ошибаюсь, Angular2 должен быть обратно совместим с Angular1. Вы могли бы использовать существующий модуль и использовать ngUpgrade. Пример карусели может быть Angular-Slick. Я нашел статью о upgrading apps to Angular2.

+0

Да, я полагаю, что если бы не было существующих вариантов, которые я могу просто подключить к m y приложение. Спасибо за ссылки, я могу пойти по этому маршруту. – Eddie

0

Вы можете посмотреть в 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> 

Scroll

Для получения дополнительных примера и документов, там демонстрационный сайт: https://bfwg.github.io/ngx-drag-scroll/

Смежные вопросы