如何使用Angular2实现加载更多帖子？

问题描述：

在AngularJS中，我使用了“限制到”，但在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; 
    }; 
});

你有什么试过的？这听起来像一个简单的任务：增加一个限制，并获得一个数组的N个第一个元素。 –

答

我想你必须把它作为一个功能。看看这个。

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

getItems可能会应用缓存以防止多个请求。

或者如果数组未被加载。尝试这个。

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

如何使用Angular2实现加载更多帖子？

相关推荐