如何选择离子滑动项目而不点击

时间:2018-02-08 15:34:34

标签: android ionic-framework ion-slides

我正在使用Ionic 3框架的Android应用程序。 我的应用程序的主页应该有3个水平幻灯片:

like this sketch

我想选择中心的3个幻灯片项目而不点击。 我有一个按钮,将用户重定向到另一个页面,其中包含3个选定的项目:

like this sketch

有可能吗?

需要你的帮助谢谢。

1 个答案:

答案 0 :(得分:0)

如果您想将一个幻灯片页面移动到第二张幻灯片页面,请尝试此操作... 您可以使用幻灯片索引号重定向页面。

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>