2017-04-30 8 views
2

イオンスライド上のスワイプを無効にしたい。イオンスライドのスワイプに関する問題

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); 

    } 
... 

しかし、これはerrors..can誰の多くは問題があるかもしれないもの教えていますか?

ERRORS:コンストラクタが実行されると

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

答えて

2

、DOMがまだレンダリングされていない(スライダのインスタンスがまだ存在していません)。代わりにionViewDidEnterを使用してください。

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