Ionic4 离子幻灯片点击转到一些幻灯片

我用了离子4幻灯片

 <ion-slides pager="false">
      <ion-slide>
        <h1>Slide 1</h1>
      </ion-slide>
      <ion-slide (click)="next(slides, 5)">
        <h1>Slide 2</h1>
      </ion-slide>
      <ion-slide>
        <h1>Slide 3</h1>
      </ion-slide>
 <ion-slide>
        <h1>Slide 4</h1>
      </ion-slide>
 <ion-slide>
        <h1>Slide 5</h1>
      </ion-slide>
    </ion-slides>

点击事件运行良好。单击后，幻灯片停止。我从以下位置找到此修复程序

---

如何解决此问题？？？

认为您缺少模板引用变量#幻灯片

第二条路 cmd（项目中）-

.html-

  <ion-slides pager="false">
          <ion-slide>
            <h1>Slide 1</h1>
          </ion-slide>
          <ion-slide (click)="next(4)">
            <h1>Slide 2</h1>
          </ion-slide>
          <ion-slide>
            <h1>Slide 3</h1>
          </ion-slide>
     <ion-slide>
            <h1>Slide 4</h1>
          </ion-slide>
     <ion-slide>
            <h1>Slide 5</h1>
          </ion-slide>
        </ion-slides>

---

幻灯片是零索引的，所以从技术上讲，在你的下一个方法中没有幻灯片“5”，但它仍然可以工作：）在我的android手机上运行良好，你100%都更改了吗？控制台中是否有任何错误？请尝试第一个选项。之后，单击“上一个”和“下一个”不工作。也刷卡。此问题仅在设备中出现。控制台中有错误吗？您使用的是什么设备？redmi 8设备。

 <ion-slides pager="false" #slides >
      <ion-slide>
        <h1>Slide 1</h1>
      </ion-slide>
      <ion-slide (click)="next(slides , 4)">
        <h1>Slide 2</h1>
      </ion-slide>
      <ion-slide>
        <h1>Slide 3</h1>
      </ion-slide>
 <ion-slide>
        <h1>Slide 4</h1>
      </ion-slide>
 <ion-slide>
        <h1>Slide 5</h1>
      </ion-slide>
    </ion-slides>

next(slide, index) {
    slide.slideTo(index)
}

npm i @ionic/angular

  <ion-slides pager="false">
          <ion-slide>
            <h1>Slide 1</h1>
          </ion-slide>
          <ion-slide (click)="next(4)">
            <h1>Slide 2</h1>
          </ion-slide>
          <ion-slide>
            <h1>Slide 3</h1>
          </ion-slide>
     <ion-slide>
            <h1>Slide 4</h1>
          </ion-slide>
     <ion-slide>
            <h1>Slide 5</h1>
          </ion-slide>
        </ion-slides>

import {IonSlides} from '@ionic/angular';
@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
      @ViewChild(IonSlides) slides: IonSlides;


next( index) {
    this.slides.slideTo(index)
}
}