我在离子应用程序中有一个列表,每个元素包含一个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>
我该如何解决?即使我为每个单元格使用一个预先保存的图像,也会发生滞后。