离子3离子滑组分。单击以打开特定的离子幻灯片

Question

您好，我有一种情况需要打开页面上的特定离子幻灯片。 i页面上的3个按钮，每个按钮都有一个事件。我在一页上有3张幻灯片，当从上一页按按钮1时，它应该打开幻灯片1；当按下按钮2时，它应该打开幻灯片2，依此类推。

这是我的页面代码，其中有3个按钮。 index.html

<p id="tabelofcontent"> <u> <b> <i> Tabel of Content  </i></b> </u> </p>
<div (tap)= "allpages()" >
    <img id="content_images" src="assets/imgs/001.jpg">
</div>
<div (tap)= "allpages()">
    <img id="content_images" src="assets/imgs/002.jpg">
</div>
<div (tap)= "allpages()">
    <img id="content_images" src="assets/imgs/003.jpg">
</div>

这是我的index.ts

allpages()
{
    this.navCtrl.push(PagessPage);


}

这是我的页面，其中有幻灯片 pagess.html

<ion-slides  >




<ion-slide>
  <p id="pagenumber"> <b>1</b></p>

</ion-slide>

<ion-slide >
  <p id="pagenumber"> <b>2</b></p>

</ion-slide>

<ion-slide >
  <p id="pagenumber"> <b>3</b></p>

</ion-slide>

</ion-slide>

这是我的pagess.ts

export class PagessPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad PagessPage');
  }

}

当我单击按钮1时，它应该打开页面上的幻灯片1，当我单击页面2时，应该打开幻灯片2等等，

感谢您的期待。