离子2:类似$ ionicSlideBoxDelegate服务?

时间:2016-03-07 13:30:41

标签: javascript ionic-framework ionic2

在Ionic 2中是否有与ionicSlideBoxDelegate服务相似的东西或某种方式来引用视图中显示的离子幻灯片?

2 个答案:

答案 0 :(得分:1)

使用最新版本的Ionic 2.您必须执行以下操作。 在Markup中,在 ion-slides 元素上创建一个局部变量。

<ion-slides #mySlider></ion-slides>

此处 #mySlider 是一个本地变量。

在Controller中,使用局部变量和@ViewChild Decorator获取ion-slider的引用,如下所示。

@ViewChild('mySlider') slider: Slides;

这相当于$ ionicSlideBoxDelegate Service。现在你可以使用下面的滑块API了。

this.slider.slideTo(2, 500);

这将使滑块以500ms的速度在索引2处滑动。 我希望这能回答你的问题。

答案 1 :(得分:0)

您可以使用其ID来抓取幻灯片组件。

  constructor(
    private _app: IonicApp
  ){}
  ngAfterViewInit() {
    this.slider = this._app.getComponent('my-slider');
  }