使用离子3和角4前进旋转木马

时间:2018-01-25 18:02:32

标签: angularjs ionic-framework ionic3 ionic-native

我是混合应用程序开发的新手,并希望为离子3应用程序制作像http://sebelga.github.io/ionic-advanced-carousel/demo/这样的先进轮播。我试过这个链接,但它不使用离子3或可能是我做错了。我想要这个用户选择。这有什么图书馆吗?如果你有任何这样的离子3和角4的材料,请分享链接或代码。 提前谢谢。

1 个答案:

答案 0 :(得分:3)

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

幻灯片组件可以配置为在屏幕上一次显示多个幻灯片(请参阅文档)。所以你想要的就是幻灯片。

如果你挣扎于此 - 让我知道究竟是什么。

以下是"视图"的摘要。我使用变量来定义我需要在视图中显示的幻灯片数量:

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

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