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

时间:2016-12-15 17:28:28

标签: angularjs angular angularjs-limitto

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

1 个答案:

答案 0 :(得分:0)

我想你必须把它想象成一个功能。看看这个。

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

getItems可以应用缓存来阻止多个请求。

或者如果数组没有延迟加载。试试这个。

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