イオン2スライドのインスタンスにアクセスしようとしています - 定義されていない返信

Question

しかし、私はスライドを使用しようとしています。その後、インスタンスにアクセスして、プログラムでslidetoの機能を使用できます。

私はドキュメントに従っていますが、私は未定義に戻っています。

以下

は、ページのTSです：

import { Component, ViewChild } from '@angular/core'; 

import { NavController, NavParams, Slides} from 'ionic-angular'; 

@Component({ 
    selector: 'holiday', 
    templateUrl: 'holiday.html' 
}) 
export class Holiday { 


    selectedItem: any; 

    @ViewChild('ghbslides') slider: Slides; 
    constructor(public navCtrl: NavController, public navParams: NavParams) { 

      console.log(this.slider); // returns undefined 
      this.selectedItem = navParams.get('holiday'); 

     } 

onSlideChanged(slide) { 
    console.log("slid"); 
} 



} 

以下は、私がスライドを定義し、私のテンプレートからの抜粋です：

<ion-slides #ghbslides (ionDidChange)="onSlideChanged(index)"> 

     <ion-slide> 
     <h2>Slide 1</h2> 
     </ion-slide> 

     <ion-slide> 
     <h2>Slide 2</h2> 
     </ion-slide> 

     <ion-slide> 
     <h2>Slide 3</h2> 
     </ion-slide> 

    </ion-slides> 

私はいくつかの異なるものが、それぞれの時間を試してみましたthis.slider定義されていません。

ご協力いただければ幸いです

Answer 1

これは、コンストラクタの実行時にページが読み込まれないために発生しています。 ビューがロードされた後にスライドが定義されるため、ionviewdidloadをオーバーライドして正しく処理できます。

ionViewDidLoad() { 
     console.log(this.slider); 
    }