2016-07-14 4 views
1

Ich implementierte die ion-slides in den Aufbau einer Galerieansicht. Aber eine Sache, die ich bemerkt, wenn ich ion-serve -l die Anwendung war, dass nur iOS die ersten Folien gefolgt aber Windows und Android immer von der ersten gestartet ... Hier ist mein CodeFunktionsstörung in Ionenschlitten in Ionic2

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 { 
    slideOptions; 
    list; 

    constructor(private nav: NavController, private params: NavParams) { 
      this.slideOptions = { 
       initialSlide: 5, 
       pager: true 
      }; 
     // Assume that the data is from the variable list I give values to here 
    } 
} 

Kann jemand helfen?

Antwort

0

Ich nehme an, Sie verwenden die neueste Ionic-Version unten ist der Code wird mit der neuesten Version arbeiten.

Sie müssen home.ts modifizieren, wie unten:

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); 
} 
} 

und Änderung home.html wie folgt:

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

auch müssen Sie das Listenfeld füllen.