Question

你可以看到我的部分代码：

<ul>
  <li ng-repeat="commentItem in comments track by $index">
    <div style="float: left; width: 15%;;">
      <img width="100%" src="{{commentItem.headImage}}">
    </div>
  </li>
</ul>
<ion-infinite-scroll ng-if="comment.loadMore" on-infinite="loadMoreComments()">
</ion-infinite-scroll>

当评论＆＃39;包含较少的数据，所有看起来都很正常。但是当数组中有大量数据（可能是100或更多）时，图像将显示无序。例如，图像应该在第三个＆＃34; li＆＃34 ;将会出现在第四个＆＃34; li＆＃34;。任何人都可以告诉我原因，拜托！ PS。我使用ionic.bundle.js，但我不知道它会导致错误。当触发离子无限滚动事件时，我会将新数据推送到＆＃34;评论＆＃34;阵列。

Answer 1

按$ index跟踪并不是一个好主意。您可以通过commentItem.id（或commentItem上的其他唯一标识符）进行跟踪吗？我不确定这是否能解决问题，但查看代码片段，这是我要尝试的第一件事。

通过angularjs中的ng-repeat显示无序图像

1 个答案: