在AngularJS中的ngRepeat集合中延迟加载项

Question

如何处理ng-repeatAngularJS中的大量集合？

一旦用户决定切换到另一个控制器,我正在考虑取消下载过程.

要显示我使用的图像:

<ul class="thumbnails">
    <li ng-repeat="photo in photosFound.data track by $index" >
        <a prettyp class="thumbnail" ng-href="{{domain}}/{{photo.thumb}}" rel="prettyPhoto[main]">
            <img class="group1" ng-src="{{domain}}/{{photo.image}}" />
        </a>
    </li>
</ul>  

一旦用户决定更换他们所在的控制器,有没有办法取消所有150张图像的下载？

Answer 1

您可以使用类似 ui 滚动器（https://github.com/angular-ui/ui-scroll）之类的东西，它将取消渲染可滚动视口之外的任何内容...这将帮助您处理 ng 中的大量数据-重复。

关于你的第二个问题：你可以使用承诺取消打开的 $http 请求。这个人很好地描述了如何实现这一目标。http://odetocode.com/blogs/scott/archive/2014/04/24/canceling-http-requests-in-angularjs.aspx