使用 ionic 3 和 angular 4 推进轮播答案

【问题标题】：advance carousel using ionic 3 and angular 4使用 ionic 3 和 angular 4 推进轮播
【发布时间】：2018-07-05 01:51:16
【问题描述】：

我是混合应用程序开发的新手，想为 ionic 3 应用程序制作一个像 http://sebelga.github.io/ionic-advanced-carousel/demo/ 这样的高级轮播。我尝试了此链接，但它不适用于 ionic 3，或者可能是我做错了。我想要这个来进行用户选择。有这方面的图书馆吗？如果您有任何类似 ionic 3 和 angular 4 的材料，请分享链接或代码。提前致谢。

【问题讨论】：

标签： angularjs ionic-framework ionic3 ionic-native

【解决方案1】：

您需要利用幻灯片组件：https://ionicframework.com/docs/components/#slides

幻灯片组件可以配置为在屏幕上一次显示多张幻灯片（请参阅文档）。所以你想要的可以通过幻灯片来实现。

如果您对此感到困惑，请告诉我具体是什么。

这是“视图”的 sn-p，我使用变量来定义需要在视图中显示的幻灯片数量：

<ion-slides "bottomPanelSlides" no-padding lazyLoading [slidesPerView]="slidesPerView">
    <ion-slide *ngFor="let slide of slides; let i = index" [attr.data-index]="i" (click)="processItem($event, i); storylineAdd();">
        <img [hidden]="sliderLoading" (load)="revealSlides();" src="./assets/img/filtersubject.png" [attr.data-index]="i"/>
    </ion-slide>
</ion-slides>

在我的示例中，我以水平列表视图的方式显示小图像。但你肯定可以做文字。

【讨论】：