#angular #flickity
#angular #flickity
Вопрос:
Я пытаюсь использовать карусель из нескольких элементов / слайдер содержимого в angular. У меня проблема с каруселью flickity. Элементы в карусели выстраиваются один за другим по вертикали, а не по горизонтали. Эта проблема сохраняется с другими каруселями, доступными на codepen.io также. Пожалуйста, помогите.
Карусель отображается следующим образом: Щелкните, чтобы открыть изображение
Мне это нужно таким образом: Щелкните, чтобы открыть изображение
Комментарии:
1. Пожалуйста, опубликуйте код или то, что вы уже пробовали
Ответ №1:
пожалуйста, используйте ng2-carouselamos, он помог вам, я использовал его, он работает
<div ng2-carouselamos [width]="1000 [items]="YourArray" [$item]="itemTemplate" [$prev]="prevTemplate"[$next]="nextTemplate"></div>
<ng-template #prevTemplate>
<i class="material-icons slider-arrow-image">navigate_before</i>
</ng-template>
<ng-template #nextTemplate>
<i class="material-icons slider-arrow-image">navigate_next</i>
</ng-template>
<ng-template let-item let-i="index" #itemTemplate>
// your cords here enjoy
</ng-template>
Комментарии:
1. пожалуйста, посмотрите этот ответ, он правильный