ionic2：幻燈片中的內容不滾動

Question

我有幾張幻燈片，其中添加了動態內容。問題是幻燈片內的內容不滾動。所以如果我有很多項目只有一些展示，並且沒有能力滑動。我該如何做到這一點，以便我的列表中的內容可以滑入幻燈片中？

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

Answer 1

看起來你需要用你長期的內容在<scroll-content>每個<ion-slide>的內部，例如：

<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>中內容的默認值。

Answer 2

我有同樣的問題，我解決這個問題是這樣的：

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