Проблема с каруселью из нескольких элементов в angular (flickity)

#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. пожалуйста, посмотрите этот ответ, он правильный