Question

抱歉我的英文我是角度和JS的新手

我创建了这个木板 - http://plnkr.co/edit/stDVowlSq7e5wUw5YwHN?p=preview 我如何在我的木板示例中添加“显示更多”功能，例如http://jsfiddle.net/HPu9n/44/，在：

angular.module('module3', [])
.controller('testCtrl3', function($scope){
$scope.query = {}
$scope.queryBy = '$'
$scope.items = [
  {
    "name" : "Ananchenko Juriy",
    "company" : "GOOGLE. Ltd",
    "designation" : "Creativ Director"
  },
  {
    "name" : "Ananchenko",
    "company" : "GOOGLE"
  },
  {
    "name" : "Korman Juriy",
    "company" : "GOOGLE. Ltd",
    "designation" : "stager na ispitatelnom sroke"
  }
];
$scope.orderProp="name";

}）;

Answer 1

嗯，不确定我的问题是否正确......

小提琴中已经存在一切，你只需要将它复制到你的傻瓜。

会有：带过滤器的指令

<tr ng-repeat="emp in items | filter:query | limitTo: itemsLimit()">

和你控制器中的同步代码

var pagesShown = 1;
var pageSize = 2;
$scope.itemsLimit = function() {
    return pageSize * pagesShown;
};
$scope.hasMoreItemsToShow = function() {
    return pagesShown < ($scope.items.length / pageSize);
};
$scope.showMoreItems = function() {
    pagesShown = pagesShown + 1;         
};

为了演示目的，

pageSize设置为2.

Forked your plunker

角度“显示更多”功能

1 个答案: