離子2無限滾動不與標籤工作

系統信息：

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.3.0 
Ionic CLI Version: 2.1.18 
Ionic App Lib Version: 2.1.9 
Ionic App Scripts Version: 1.1.4 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: macOS Sierra 
Node Version: v6.9.4 
Xcode version: Xcode 8.3 Build version 8E162

我有一個infinite scroll它完美的作品，裝載15個項目在同一時間。當我向下滾動，它加載另一個15等：

 ... 
    </ion-list> 

    <ion-infinite-scroll id="infinite-scroll-search" (ionInfinite)="doInfinite($event)"> 
    <ion-infinite-scroll-content id="infinite-scroll-content-search"></ion-infinite-scroll-content> 
    </ion-infinite-scroll>

不過，我再加入tabs，包括我原來的頁面：

<ion-tabs> 
    <ion-tab [root]="tab1Root" tabTitle="Page1" tabIcon="person"></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle=Page2" tabIcon="heart"></ion-tab> 
    <ion-tab [root]="tab3Root" tabTitle=Page3" tabIcon="briefcase"></ion-tab> 
</ion-tabs>

的標籤正常工作，在該底部顯示頁。但是，當我向下滾動時，不會調用doInfinite($event)函數，因爲它在添加選項卡之前進行了向下滾動。因此，它不會加載超過15行。

看起來好像選項卡影響了頁面滾動事件。滾動到底部不會觸發ionInfinite事件並調用doIninite($event)了。

第一次頁面加載無限滾動工作，但如果我點擊選項卡圖標加載頁面，然後ionInfinite事件不起作用。所以它可能與標籤如何緩存數據有關。

有其他人遇到過這個問題嗎？有沒有人有任何想法，我可以如何調試？

任何幫助表示讚賞。

來源

2017-04-06 Richard

我通過加載ionViewDidLoad中的項目數組而不是ionViewWillEnter來解決此問題。

來源

2017-04-06 16:46:49 Richard

遇到同樣的問題，@理查德，請你提供代碼？ –

離子2無限滾動不與標籤工作

回答

相關問題