2016-04-24 11 views
0

Ich habe ein paar Folien, die dynamischen Inhalt haben, die zu ihnen hinzugefügt wird. Das Problem ist, dass der Inhalt der Folien nicht scrollt. Wenn ich also viele Dinge habe, werden nur einige angezeigt und es gibt keine Möglichkeit zu rutschen. Wie kann ich den Inhalt in meinen Listen in die Folien einfügen?ionic2: Inhalt in Folien nicht scrollen

<ion-content> 
    <ion-slides (change)="onSlideChanged($event)"> 
     <ion-slide > 
      <ion-list> 
      <ion-item *ngFor="#item of items1; #i = index"> 
      <h2>{{item}</h2> 
      </ion-item> 
      </ion-list> 
     </ion-slide> 
     <ion-slide> 
       <ion-list> 
      <ion-item *ngFor="#item of items2; #i = index"> 
      <h2>{{item}</h2> 
      </ion-item> 
      </ion-list> 
     </ion-slide> 
    </ion-slides> 
</ion-content> 

Antwort

0

Sieht aus wie Sie in einem <scroll-content> Innenseite jedes <ion-slide>, zum Beispiel Ihre lange Inhalt wickeln müssen:

<ion-slides> 
    <ion-slide *ngFor="#item of items"> 
     <scroll-content> 
     <h1>{{item.title}}</h1> 
     <p>{{item.description}}</p> 
     </scroll-content> 
    </ion-slide> 
</ion-slides> 

Hinweis, Sie können eine text-align:left tun müssen, wenn Sie den Text zu wollen, nicht zentriert sein, da dies der Standard für den Inhalt in <ion-slide> ist.

+0

I 'Ionen scroll' statt' Scroll-content' dafür verwenden mussten zu arbeiten. – Sam

5

Ich habe das gleiche Problem, und ich löse es so:

<ion-slides style="height: auto"> 
     <ion-slide *ngFor="#item of items"> 
      <h1>{{item.title}}</h1> 
      <p>{{item.description}}</p> 
     </ion-slide> 
    </ion-slides>