Javascript ionic 2无限滚动不使用选项卡
我用的是Ionic2 您的系统信息:Javascript ionic 2无限滚动不使用选项卡,javascript,angular,ionic2,Javascript,Angular,Ionic2,我用的是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 Versi
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
我有一个非常好用的机器,一次装载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>
。。。
但是,我随后添加,包括我的原始页面:
<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行
选项卡似乎影响了页面滚动事件。滚动到底部不会触发事件和调用doIninite($event)
第一次加载页面时,无限卷轴工作,但如果我单击选项卡图标加载页面,则infinite
事件不工作。因此,这可能与选项卡试图缓存数据或其他内容的方式有关
还有其他人遇到过这个问题吗?有人知道我如何调试这个吗
感谢您的帮助。我通过在ionViewDidLoad
中加载项目数组,而不是ionViewWillEnter
,解决了这个问题。@Richard,您能提供代码吗?