如何像离子中的许多应用一样滑动切换片段?我在离子官方文档中找不到任何api。我只能找到this有用的帖子。
但它看起来并不完美。有没有更好的解决方案?
离子信息:
Cordova CLI: 6.5.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 8.1
Node Version: v6.10.2
Xcode version: Not installed
答案 0 :(得分:0)
长期以来人们一直期待滑动片段或片段,但它终于来了。检查这个关于实现它的终极教程https://www.joshmorony.com/adding-swipeable-tabs-to-an-ionic-application/
答案 1 :(得分:0)
简单易用,无需JS自定义代码。您可以实现监听1个变量segment
工具栏:绑定到片段,并收听ionChange
<ion-toolbar>
<ion-segment (ionChange)="slides.slideTo(segment)" [(ngModel)]="segment" color="warning">
<ion-segment-button value="0">
<ion-icon name="person"></ion-icon>
</ion-segment-button>
<ion-segment-button value="1">
<ion-icon name="camera"></ion-icon>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
离子幻灯片: 捕获幻灯片事件,将片段分配给当前活动索引
<ion-slides #slides (ionSlideWillChange)="segment=''+slides.getActiveIndex()">
<ion-slide>
profile,
hello <span *ngIf="this.userProvider.userData">{{this.userProvider.userData.name}}</span>
</ion-slide>
<ion-slide>
second
</ion-slide>
<ion-slide>
third
</ion-slide>
</ion-slides>