離子幻燈片和離子無限滾動

我想製作一個離子幻燈片，每個幻燈片應該有一個離子清新和離子無限滾動。離子幻燈片和離子無限滾動

<ion-slides> 
    <ion-slide> 
    <ion-card> 
     ...card content 
    </ion-card> 
    <ion-infinite-scroll (ionInfinite)="_getNews1($event,from1)" *ngIf="newsType==='news-type-1'"> 
     <ion-infinite-scroll-content></ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
    </ion-slide> 

    <ion-slide> 
    <ion-card> 
     ...card content 
    </ion-card> 
    <ion-infinite-scroll (ionInfinite)="_getNews2($event,from2)" *ngIf="newsType==='news-type-2'"> 
     <ion-infinite-scroll-content></ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
    </ion-slide> 
</ion-slides>

但是，當從無限滾動中加載更多新聞時，幻燈片不會滾動下來，我無法在底部看到更多消息。

來源

2017-09-04 manish kumar

我已經解決了這個問題，以便通過離子內容包裹離子載玻片的內容。但沒有顯示。所以我已經修復了slide-zoom類的風格。

<ion-slides> 
    <ion-slide> 
    <ion-content> 
    <ion-card> 
     ...card content 
    </ion-card> 
    <ion-infinite-scroll (ionInfinite)="_getNews1($event,from1)" *ngIf="newsType==='news-type-1'"> 
     <ion-infinite-scroll-content></ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
    </ion-content> 
    </ion-slide> 

    <ion-slide> 
    <ion-content> 
    <ion-card> 
     ...card content 
    </ion-card> 
    <ion-infinite-scroll (ionInfinite)="_getNews2($event,from2)" *ngIf="newsType==='news-type-2'"> 
     <ion-infinite-scroll-content></ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
    </ion-content> 
    </ion-slide> 
</ion-slides> 

.slide-zoom{ 
    width:100%; 
    height:100%; 
}

來源

2017-09-07 03:12:33

內容，所以你可以有內部的離子含量離子含量？ –

是的，我是這麼做的。請參閱上面的代碼。 – 2017-09-11 00:10:18

包裹離子幻燈片的用離子含量

<ion-slides> 
    <ion-slide> 
     <ion-content> 
      anything what you want 
      <ion-infinite-scroll> 
      </ion-infinite-scroll> 
     </ion-content> 
    </ion-slide> 
</ion-slides>

來源

2018-02-28 07:14:29

我想擁有這樣的多個組件。 –

離子幻燈片和離子無限滾動

回答

相關問題