List 离子列表约100-150个元素

List 离子列表约100-150个元素,list,cordova,ionic-framework,List,Cordova,Ionic Framework,我在爱奥尼亚应用程序中有一个列表,每个元素上都有一个20x20像素的图像。 问题是,当元素数量达到50个以上时,它开始疯狂地滞后 以下是我的列表代码: <ion-content has-bouncing="true"> <div class="item-wrapper" ng-repeat="user in users"> <div class="item item-avatar item-custom-avatar" ng-click

我在爱奥尼亚应用程序中有一个列表,每个元素上都有一个20x20像素的图像。 问题是,当元素数量达到50个以上时,它开始疯狂地滞后

以下是我的列表代码:

<ion-content has-bouncing="true">
  <div class="item-wrapper" ng-repeat="user in users">
    <div class="item item-avatar item-custom-avatar"
         ng-click="openProfile(user.ID)"
         on-tap="openProfile(user.ID)">
      <h2>{{ user.LAST_NAME + ' ' + user.NAME }}</h2>
      <p class="employees-work-position">{{ user.WORK_POSITION }}</p>
    </div>
  </div>
</ion-content>

{{user.LAST_NAME+''+user.NAME}

{{user.work\u position}


我怎样才能修好它?即使我为每个单元格使用一个预先保存的图像,也会出现滞后现象。

您是否尝试过该方法?它的目标是更大的列表,并根据需要呈现项目。请记住,在集合重复时,重复的元素的高度应相等。