如何使用Swiper库在Ionic2中创建幻灯片/转盘
用户名
我正在尝试创建一个像这样的轮播
，我可以使用此包装器来使用swiper库（https://github.com/ksachdeva/angular2-swiper）
但这有可能通过使用纯ionic2及其ion-slides组件来实现我的目标。与添加另一个可能不必要的模块相比，我更愿意这样做。不幸的是，文档尚不清楚。
亚伦·桑德斯（Aaron Saunders）
swiper已直接集成到Ionic2中...不知道这里的问题是什么？
或者您可以通过这种方式来实现Ionic 2幻灯片组件-如何访问Swiper API
import { NavController } from 'ionic-angular/index';
import { Component, ViewChild } from "@angular/core";
@Component({
template:`
<ion-content class="has-header">
<ion-slides [options]="_options" #mySlider>
<ion-slide *ngFor="let testSlide of testSlides">
<img src="http://placehold.it/150x150">
</ion-slide>
</ion-slides>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</ion-content>
`
})
export class HomePage {
greeting: string;
testSlides: string[] = [];
@ViewChild('mySlider') mySlider: any;
constructor(private nav: NavController) {
this._options = {
slidesPerView:3,
pager: true,
nextButton: ".swiper-button-next",
prevButton: ".swiper-button-prev",
onInit:()=>{
}
}
setTimeout(()=>{
for (var i=1; i<6; i++) {
this.testSlides.push("Slide - "+i);
}
},100);
}
}
The Plunkr- http ://plnkr.co/edit/ybmDsYICQopis88vDl37?p=preview
屏幕截图- 
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Ionic2显示多个幻灯片。或部分
- 2
如何使用fancyBox创建幻灯片？
- 3
ionic 2：在离子幻灯片内部创建ng重复
- 4
如何从mysql数据库中的图像创建图像幻灯片
- 5
如何从mysql数据库中的图像创建图像幻灯片
- 6
如何使用jQuery / CSS3创建“幻灯片库面板”？
- 7
如何使用Pure Javascript或Pure Javascript库创建背景图像的幻灯片
- 8
Swiper - 移动幻灯片
- 9
向Ionic2的离子幻灯片添加水平滚动条
- 10
如何使用Apache Tika（在Scala中）逐张幻灯片提取文本幻灯片？
- 11
如何在选项卡中创建幻灯片
- 12
如何使用fancyBox创建幻灯片显示？
- 13
如何使用按钮创建自动幻灯片
- 14
如何使用自动布局在scrollview中创建图像的幻灯片显示？
- 15
如何在 Swiper Cover Flow Slider 中更改幻灯片的渲染流程
- 16
如何使用Swiper.js获取幻灯片的先前活动索引？
- 17
如何创建matplotlib幻灯片？
- 18
如何创建纯CSS幻灯片？
- 19
如何从幻灯片创建新母版？
- 20
在CSS中创建幻灯片菜单
- 21
如何使用php while循环在旋转木马中显示每张幻灯片2张图像？
- 22
如何转到2张幻灯片
- 23
如何通过滚动来降低移动自举转盘幻灯片的滚动速度
- 24
几秒钟后如何自动旋转转盘的幻灯片？
- 25
使用swiper js创建一个历史时间表，每年有多张幻灯片
- 26
带幻灯片的角度转盘，单击点按钮后重置，使用rxjs
- 27
什么是从 JSP 创建 powerpoint 幻灯片的 Java 库
- 28
如何在React中的Ionic 5中锁定幻灯片
- 29
Ionic 2 幻灯片自动播放
我来说两句