Question

嗨，我是Ionic的新手，我在这里使用AngularJS和Ionic v1 加载更多滚动太慢了。我试过两种方法

服务
厂
两种方式都很慢。如何加快我的负载选择。

这些是我从api REST服务获得的值

{
    "shared_status": "false",
    "wall_post_id": "740",
    "post_post": "getU.online",
    "post_added_by": "589",
    "post_company_name": "The Business Club",
    "post_business_sector": null,
    "post_busin_type": "Limited Company",
    "post_added_by_image": "1471523735.png",
    "post_added_by_name": "Russ Wheeler",
    "post_added_on": "14 hours ago",
    "post_date": "2017-01-31 18:48:36",
    "post_mine": true,
    "image_list": [{
        "file_name": "http:\/\/www.domain.com\/uploads\/wall_posts\/tmp\/\/1485888514.jpg"
    }],
    "like_status": "activated",
    "like_test": false,
    "like_test_1": "Unlike",
    "like": " Like",
    "num_like": "1",
    "no_of_reply": 1,
    "comment": "comment"
}

Answer 1

尽可能使用离子指令，因为它们的设计考虑了移动性能。但是，以性能为代价使用非离子指令。

所以，如果你使用的是一些基于自定义/插件的解决方案..删除它，而是使用<ion-infinite-scroll>

以下是样本：

<ion-infinite-scroll
  ng-if="moreDataCanBeLoaded()"
  icon="ion-loading-c"
  on-infinite="loadMoreData()">
</ion-infinite-scroll>

了解更多： https://ionicframework.com/docs/api/directive/ionInfiniteScroll/

Answer 2

首先检查您的API调用延迟。如果他们是okey然后使用以下增加离子应用程序性能加载列表等尝试做以下事情。

添加crosswalk plugin（这会增加您的.apk文件大小但性能明智，这将是不错的选择）
如果您可以在列表项中使用one time data-binding（：:)，请使用
在重复列表项中使用跟踪（例如，ng-repeat =＆＃34;项目中的项目按项目跟踪。＃34;或ng-repeat =＆＃34;项目跟踪项目按$索引＆＃34）
当生产中的应用程序删除console.log时，如果有任何

此外，您还可以在此link

中找到更多性能提示

离子加载更多滚动慢

2 个答案: