angular – 如何获得离子滑块的实例

发布时间：2020-12-17 08:52:02 所属栏目：安全来源：网络整理

导读：我正在使用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-sli

我正在使用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;

  ...
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!