html - 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（または同様のもの）を含めると、支援が容易になります。

上記の方法は機能しますが、どれだけ表示できるかを追跡してから、関連するものだけを読み込むことをお勧めします。スクロールすると、途中でさらに追加されます。