Эффект слайдера Ionic3 не работает

Question

Пожалуйста, проверьте код ниже, я хочу перевернуть мои слайды, но это не будет применено. Я новичок в Ionic и изо всех сил пытаюсь решить его, но эффекты не применяются.

<ion-slides pager #mainslider [effect]=flip>
    <ion-slide>
      <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide>
      <h1>Slide 2</h1>
    </ion-slide>
    <ion-slide>
      <h1>Slide 3</h1>
    </ion-slide>
    <button type="submit"  ion-button color="primary" class="btnNext" (click)="next()">Next holiday</button>
    <button type="submit"  ion-button color="primary" class="btnNext" (click)="prev()">Next holiday</button>
  </ion-slides>



next() {
    this.slides.slideNext();
  }
 prev() {
    this.slides.slidePrev();
  }
  ionViewWillEnter() {
    this.slides.onlyExternal = true; 
     this.slides.effect = 'flip'; 
    this.slides.paginationType = 'fraction'; 
    this.slides.pager = false; 
 }

Answer 1

Вы должны использовать свойство эффекта как это effect="flip"

<ion-slides pager #mainslider effect="flip">
    <ion-slide style="background-color: aquamarine">
      <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide style="background-color:lightblue;">
      <h1>Slide 2</h1>
    </ion-slide>
    <ion-slide style="background-color:darkcyan;">
      <h1>Slide 3</h1>
    </ion-slide>
  </ion-slides>