使用Angularjs选择更多链接时显示更多项目

Question

我正在尝试显示项目列表，当我点击更多链接时，它应该在列表中显示10个以上的项目。 这是我目前的代码：

<div ng-repeat="items in itemList()">
{{items.name}}
</div>

我的控制器是：

$scope.itemsList = function(){
return service.getItemList();
}

如何在项目下添加更多链接，点击“更多”时再显示10个项目

Answer 1

最简单的方法是使用limitTo过滤器并使用带有ngModel的按钮来更改受限制的值。文档：https://docs.angularjs.org/api/ng/filter/limitTo

platform :ios, '8.0'
use_frameworks!

target 'MyApp' do
    pod 'xyzPod'
end

控制器功能：

<div ng-repeat="items in itemList() | limitTo: displayNum">
  {{items.name}}
</div>
<button ng-click="increaseBy(10)">Show More</button>