2016-08-06 9 views
6

Używam Ionic 2 ion-slides i chciałbym wywołać niektóre metody instancji na nim. Mam następujące znaczniki:Jak uzyskać wystąpienie slajdy jonów

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

Próbowałem, używając następującego kodu znalazłem w (być może przestarzałych) Przykład:

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

ale this.app.getComponent('loopSlider'); zawsze zwraca null.

Czy ktoś wie, jak uzyskać instancję składnika, aby móc korzystać z jego interfejsu API?

Odpowiedz

4

Per the Ionic documentation, można to zrobić za pomocą @ViewChild:

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

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

    ... 
} 
+0

Wielkie dzięki za to! I tam jest dokładnie w doco (tęskniłem) – peterc

+0

Dla wszystkich wciąż borykających się z problemami: upewnij się, że naprawdę zaimportowałeś 'Slides'! – Robert

Powiązane problemy