使用ion-Slides滑动问题

Question

我想在我的离子载玻片上禁用滑动。

home.html的

  <ion-slides>   
    <ion-slide>
       <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide>
       <h1>Slide 2</h1>
    </ion-slide>
    <ion-slide>
       <h1>Slide 3</h1>
    </ion-slide> 
  </ion-slides>

home.ts

...

@ViewChild(Slides) slides: Slides;

....

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

  this.slides.lockSwipes(true);

  }
...

但是这会产生很多错误。任何人都可以说出可能存在的问题？

错误：

Uncaught (in promise): TypeError: Cannot read property 'lockSwipes' of undefined
TypeError: Cannot read property 'lockSwipes' of undefined
at new QuestionDetails...

Answer 1

执行构造函数时，尚未呈现DOM（因此滑块的实例尚不存在）。请改用ionViewDidEnter

ionViewDidEnter() {
  this.slides.lockSwipes(true);
}