如何在庞大的数据集（angular.js）上提高ngRepeat的性能？

我同意@ AndreM96的观点，最好的方法是只显示有限数量的行，更快更好的UX，这可以通过分页或无限滚动来完成。

使用limitTo过滤器，使用Angular进行无限滚动非常简单。您只需要设置初始限制，当用户要求提供更多数据时（为简便起见，我使用按钮）就可以增加限制。

<table>    <tr ng-repeat="d in data | limitTo:totalDisplayed"><td>{{d}}</td></tr></table><button  ng-click="loadMore()">Load more</button>//the controller$scope.totalDisplayed = 20;$scope.loadMore = function () {  $scope.totalDisplayed += 20;  };$scope.data = data;

这是一个JsBin。

这种方法对于手机可能是个问题，因为通常在滚动大量数据时它们会滞后，因此在这种情况下，我认为分页更为合适。

为此，您将需要limitTo过滤器和自定义过滤器来定义所显示数据的起点。

这是带有分页的JSBin。