2016-12-15 6 views
0

AngularJSではLimit Toを使用しましたが、Angular2ではこの機能が削除されました。Angular2でさらにポストをロードする実装方法

例:

<div ng-repeat="elem in travel.cruise | limitTo:travel.limit"  class="cruises"> 
    ....Content here... 
</div> 

コントローラー:

app.controller('TravelController', function($scope) { 
    var vm = this; 
    vm.cruise = cruises; 
    vm.limit = 3; 

    $scope.loadMore = function() { 
    var increamented = vm.limit + 3; 
    vm.limit = incremented > vm.cruise.length ? vm.cruise.length : increamented; 
    }; 
}); 
+1

何を試しましたか?これは単純なタスクのように聞こえる:限界をインクリメントし、配列の最初のN個の要素を取る。 –

答えて

0

私はあなたが関数としてそれを考える必要があると思います。これをみて。

<div *ngFor="let item of getItems(items, limit)"> 
</div> 

getItems複数の要求を防ぐためにキャッシュを適用することがあります。

または、配列が遅延ロードされていない場合。これを試して。

<div *ngFor="let item of items | slice:0:limit"> 
</div> 
関連する問題