आयन-स्लाइड्स

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 रिटर्न मैं निम्न मार्कअप है।

क्या कोई जानता है कि घटक उदाहरण कैसे प्राप्त करें ताकि मैं इसका एपीआई उपयोग कर सकूं?

Answer 1

प्रति the Ionic documentation, आप @ViewChild का उपयोग कर ऐसा कर सकते हैं:

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

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

    ... 
}