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

Question

我如何在 AngularJS 中处理大量的 ng-repeat 集合？

一旦用户决定切换到另一个 Controller ，我正在考虑取消下载过程。

要显示我使用的图像:

<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>  

一旦用户决定更改他们所在的 Controller ，是否有办法取消所有 150 张图像的下载？

Answer 1

你可以使用像 ui scroller ( https://github.com/angular-ui/ui-scroll ) 这样的东西，它会取消渲染可滚动视口(viewport)之外的任何东西......这将帮助你在 ng-repeat 中处理非常大的数据集。

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