2016-04-24 6 views
0

私は、追加された動的コンテンツを持つ2つのスライドを持っています。問題は、スライド内のコンテンツがスクロールしないことです。だから私は多くのアイテムを持っているだけでいくつかのショーとスライドする能力はありません。リスト内のコンテンツがスライド内でスライドするようにするにはどうすればよいですか?あなたは、たとえば、各<ion-slide>の内側<scroll-content>であなたの長いコンテンツをラップする必要があるようionic2:スクロールしていないスライド内のコンテンツ

<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> 

答えて

0

が見える:あなたはテキストがないようにしたい場合は

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

注意を、あなたはtext-align:leftを行う必要があるかもしれませんこれはコンテンツのデフォルトが<ion-slide>であるためです。

+0

。 – Sam

5

私は同じ問題を抱えている、と私はこのようにそれを解決:私は代わりに、これが機能するために `スクロールcontent`の`イオンscroll`を使用する必要がありました

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