我正在使用Ionic 2离子幻灯片,并希望在其上调用一些实例方法.我有以下标记：
<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？
根据
the Ionic documentation,您可以使用
@ViewChild执行此操作：
import { Component,ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';
...
@Component({
...
})
class MyPage {
@ViewChild('loopSlider') sliderComponent: Slides;
...
}
