如何在不单击的情况下选择离子幻灯片项目

Question

我正在使用Ionic 3 Framework的Android应用程序。我的应用程序的主页应具有3个水平幻灯片：

喜欢这个草图

我想在不单击的情况下选择中间的3个幻灯片项目。我有一个按钮，将用户重定向到另一页，其中3个选定的项目：

喜欢这个草图

可以这样做吗？

需要您的帮助。

Answer 1

如果要将一个幻灯片页面移至第二幻灯页面，那么请尝试此幻灯片。您可以使用幻灯片编号重定向页面。

home.ts

import { Component, ViewChild, Input } from '@angular/core';
import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular';
@IonicPage()
@Component({
 selector: 'page-manhomeslider',
 templateUrl: 'manhomeslider.html',
})
export class ManhomesliderPage {
@ViewChild(Slides) slides: Slides;
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
  console.log('ionViewDidLoad ManhomesliderPage')
}
goToSlide2() {
  this.slides.slideTo(1, 500);
}

}

home.html

<ion-slide>
    <ion-buttons class="btnend" end>
              <button (click)="goToSlide2()" ion-button round>
               <ion-icon name="arrow-forward"></ion-icon>
              </button>
    </ion-buttons>
</ion-slide>
<ion-slide>
    <h2>slide page 2</h2>
</ion-slide>