Javascript 我想每页只显示10行，但我不'；我不知道怎么做？

我使用了这段代码，它工作正常，可以在一个页面中显示所有员工。。看起来不太好。所以我希望每页有10名员工，当我点击下一步时，必须显示10名员工。这正是我想要的。请帮帮我

angular.module('picassoApp')
  .controller('AdminCtrl', function($scope, $http, $location) {
    $scope.employees =

      $http.get("api/employee")
      .success(function(response) {
        $scope.employees = response;
      })
      .error(function(data, status, headers, config) {
        console.log("Error" + status);
      });
  });

---

这有两种方法

首先，如果您控制API，可以将其更改为返回分页结果。然后，您不必只调用

$http.get（“api/employee”）

，而必须调用类似

$http.get（“api/employee？page=0”）

但是，如果您无法控制API，则可以使用angular的limito过滤器（）使用客户端分页。

---

您的控制器基本保持不变，您必须通过将筛选器添加到ng repeat来修改视图（例如，

ng repeat=“employee in employees | filter:10:startIndex

，假设您具有确定从哪个项开始的

startIndex

范围变量）.

以下是一些解决方案，您需要根据应用程序的要求进行思考和应用

您正在这里进行AJAX调用。如果您真的需要在“下一步”按钮单击时的每次页面更改中调用AJAX，那么您的服务器端代码需要相应地更改，并且需要在每次调用中发送页码。但这似乎不是您的解决方案，因为您希望这是一种屏幕外观

客户端的分页非常适合您。捕获响应并将其放在变量（例如employees）上。然后使用angular filterLimito，如下重复

{{employees | limito:rowLimit:rowStart}

然后使用+10或-10更改rowStart on Next按钮事件 另外，不要忘记在控制器初始化时定义以下内容

 $scope.rowLimit = 10;
 $scope.rowStart = 0;

---

请不要对问题中不应该运行的代码使用代码段。这方面没有现成的解决方案。我最近也遇到了同样的问题，并构建了一些东西，但它相当复杂。请您自己先尝试一下，如果遇到问题，请询问指导您可以用于此引导数据表，否则这里是示例例如，查看@Deepaksaini，但动态内容将丢失，例如，如果每行中都有要执行的操作，则不仅显示数据。（例如，允许用户编辑）