이온 슬라이드의 인스턴스를 얻는 방법

Question

Ionic 2 ion-slides을 사용 중이며 일부 인스턴스 메서드를 호출하고 싶습니다. 나는 내가 (아마도 오래된)의 예에서 볼 수있는 다음 코드를 사용하여 시도했다

<ion-content padding> 
    <ion-slides (ionDidChange)="onSlideChanged($event)" id="loopSlider"> 
    <ion-slide *ngFor="let slide of slides"> 
    <h1>{{ slide.title }}</h1> 
    </ion-slide> 
</ion-slides> 
</ion-content> 

:

private gotoSlide(index: number): void { 
    this.sliderComponent = this.app.getComponent('loopSlider'); 
    this.sliderComponent.slider.slideTo(index); 
    } 

하지만 this.app.getComponent('loopSlider'); 항상 null을 반환 나는 다음과 같은 마크 업을 가지고있다.

누구든지 해당 API를 사용할 수 있도록 구성 요소 인스턴스를 얻는 방법을 알고 있습니까?

Answer 1

the Ionic documentation 당, 당신은 @ViewChild를 사용하여이 작업을 수행 할 수 있습니다 그것에 대해

import { Component, ViewChild } from '@angular/core'; 
import { Slides } from 'ionic-angular'; 
... 

@Component({ 
    ... 
}) 
class MyPage { 
    @ViewChild('loopSlider') sliderComponent: Slides; 

    ... 
}