显示已加载Angular JS的数据

Question

我有一个使用Angular Js的chtml页面，其中包含包含数据库对象的列表 但是加载数据需要很长时间。 如何只加载10个对象并显示它们，然后继续加载数据 并在Angular Js ????

中显示其余数据

Answer 1

听起来你有很多数据需要慢慢加载到前端，所以你不必等待。我可以想到的唯一定期添加数据的方法是setInterval。

关键是创建一个新变量

$scope.displayObjects = []

你可以像这样随便追加

for(var x = currentIndex; x < currentIndex + step && x < $scope.objects.length; x++){
    $scope.displayObjects.push($scope.objects[x]);                        
}

然后设置一个间隔来连续调用它。您还需要使用

$scope.$apply() 

告诉angular重新申请自己（http://docs.angularjs.org/api/ng.$ro​​otScope.Scope#$apply）。

http://jsfiddle.net/A9uND/20/您可以通过步变量调整每步的加载量。

下次包含一个jsfiddle（或类似的东西），这样可以更方便地为您提供帮助。

虽然上面列出的方法可行，但我建议您跟踪您可以看到多少，然后只加载相关的方法。当您滚动时添加更多内容。