Comment implémenter charger plus de messages avec Angular2?

Question

Dans AngularJS j'ai utilisé Limit To, mais sur Angular2 cette fonction a été supprimée.

Exemple:

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

Controller:

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; 
    }; 
}); 

Answer 1

Je suppose que vous devez penser en fonction. Regarde ça.

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

getItems peut demander la mise en cache pour éviter de multiples demandes.

Ou si la baie n'est pas chargée paresseusement. Essaye ça.

<div *ngFor="let item of items | slice:0:limit"> 
</div>