在AngularJS中,我使用了限制,但在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;
};
});
答案 0 :(得分:0)
我想你必须把它想象成一个功能。看看这个。
<div *ngFor="let item of getItems(items, limit)">
</div>
getItems
可以应用缓存来阻止多个请求。
或者如果数组没有延迟加载。试试这个。
<div *ngFor="let item of items | slice:0:limit">
</div>