我正在使用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?
根据Ionic文档,您可以使用@ViewChild
以下方法执行此操作:
import { Component, ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';
...
@Component({
...
})
class MyPage {
@ViewChild('loopSlider') sliderComponent: Slides;
...
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句