离子 - 如何滑动离子分解

Question

如何像离子中的许多应用一样滑动以切换段？我在离子官方文档中找不到任何API。我只能找到这个有用的线程。

但它确实是完美的。有更好的解决方案吗？

离子信息：

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

Answer 1

滑动段或标签长期以来一直期望在离子中，但终于在这里。检查有关实施https://www.joshmorony.com/adding-swipable-tabs-to-an-ionic-application/

Answer 2

简单简单，不需要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>