ionic 2无限滚动不适用于标签答案

【问题标题】：ionic 2 infinite-scroll not working with tabsionic 2无限滚动不适用于标签
【发布时间】：2017-09-01 19:07:36
【问题描述】：

我正在使用 Ionic2。

您的系统信息：

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 事件不起作用。所以这可能与选项卡如何尝试缓存数据或其他内容有关。

有没有其他人遇到过这个问题？有谁知道如何调试这个？

任何帮助表示赞赏。

【问题讨论】：

标签： javascript angular ionic2

【解决方案1】：

我通过在 ionViewDidLoad 而不是 ionViewWillEnter 中加载项目数组来解决此问题。

【讨论】：

遇到了同样的问题，@Richard，能否提供代码？