使用 angularJS 加载 100 个用户的数据以及 DOM 修改

Question

我有 100 个用户的数据和他们的信息，以及我得到了他们的图像。很明显，它会放慢速度。所以我首先获取用户的所有信息，然后尝试获取用户的图像。看来这也被推迟了。所以我的计划是像Facebook或Twitter一样实施，一旦我们结束了10个用户的信息，它应该加载其他10个用户。我认为有了mousedown我们就能实现这一目标。我当前的代码如下所示。

<li ng-repeat="user in userss">
    <img ng-src="www.xxx.com/{{user.id}}.jpg" class="circle" altSrc="www.xxx.com/default.jpg" onerror="this.src = $(this).attr('altSrc')" />
    <span class="title">{{user.fullname }}</span>
</li>

谢谢，我认为我们可以通过添加jQuery来做到这一点，但我对jQuery一无所知。

Answer 1

你的表现应该更好<li ng-repeat="user in users track by user.id">

参考资料：http://www.codelord.net/2014/04/15/improving-ng-repeat-performance-with-track-by/

Answer 2

这是

在jQuery中实现的Infinte滚动的解决方案。

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() == $(document).height()) {
       for(var x= z*10; x < (z+1)*10,user> x ;x++ ){
            newList.push(users[x]);
       }
          $scope.users = newList;
          $scope.$apply();         
   }
});

在这里我有有限的 10 个用户