Typescript Ionic2中的离子载玻片出现故障

我在构建画廊视图中实现了

ion幻灯片

。但是当我

ion serve-l

应用程序时，我注意到一件事，那就是只有iOS遵循最初的幻灯片，而Windows和Android总是从第一张幻灯片开始。。。这是我的密码

home.html

<ion-content class="slide">
    <ion-slides [options]="slideOptions">
        <ion-slide *ngFor="let element of list">
            <img src="{{element.image_path}}"/>
        </ion-slide>
    </ion-slides>
</ion-content>

---

有人能帮忙吗？

我假设您使用的是最新的爱奥尼亚版本，下面的代码将使用最新版本

您需要修改home.ts，如下所示：

import {Component} from '@angular/core';
import {NavController, NavParams, Slides} from 'ionic-angular';

@Component({
    templateUrl: 'build/pages/home/home.html'
})

export class HomePage {
@ViewChild(Slides) slides: Slides;

list;

constructor(private nav: NavController, private params: NavParams) {

}

ionViewDidEnter(){
  this.slides.slideTo(5);
}
}

并将home.html更改如下：

<ion-content >
<ion-slides pager>
    <ion-slide *ngFor="let element of list">
        <img src="{{element.image_path}}"/>
    </ion-slide>
</ion-slides>

---

您还需要填充列表数组。

我假设您使用的是下面的最新版本，代码将与最新版本一起使用

您需要修改home.ts，如下所示：

import {Component} from '@angular/core';
import {NavController, NavParams, Slides} from 'ionic-angular';

@Component({
    templateUrl: 'build/pages/home/home.html'
})

export class HomePage {
@ViewChild(Slides) slides: Slides;

list;

constructor(private nav: NavController, private params: NavParams) {

}

ionViewDidEnter(){
  this.slides.slideTo(5);
}
}

并将home.html更改如下：

<ion-content >
<ion-slides pager>
    <ion-slide *ngFor="let element of list">
        <img src="{{element.image_path}}"/>
    </ion-slide>
</ion-slides>

您还需要填充列表数组