angular - 角度多项目轮播的问题（flickity）

Question

我正在尝试以角度使用多项目轮播/内容滑块。我对 flickity 轮播有疑问。轮播中的项目一个接一个地垂直而不是水平对齐。此问题在 codepen.io 上可用的其他轮播中也存在。请帮忙。

轮播以这种方式显示：点击打开图片

我需要这样： 点击打开图片

Answer 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>