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

Question

我正在使用 Ionic 3 框架开发一个 android 应用程序。我的应用程序的主页应该有 3 张水平幻灯片：

像这个草图

我想在不点击的情况下选择位于中心的 3 个幻灯片项目。我有一个按钮，可以将用户重定向到另一个页面，其中包含 3 个选定项目：

像这个草图

有可能这样做吗？

需要你的帮助谢谢。

Answer 1

如果您想将一个幻灯片页面移动到第二个幻灯片页面而不是尝试这个...您可以使用幻灯片索引号重定向页面。

主页.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);
}

}

主页.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>