Question

我有一张表，我想分页。我在论坛上尝试了很多解决方案，但他们不断给我一些或其他错误。我想每页显示3条记录。我试图包含bootstrap，但它也为我抛出了错误。我使用了这个plnker http://plnkr.co/edit/79yrgwiwvan3bAG5SnKx?p=preview，但html5不支持元素。它在js.minify代码块

中抛出空引用错误

//HTML for the view


<table class="table table-bordered table-condensed table-hover  table-striped" at-config="config">
    <thead>
       <tr style="white-space: nowrap;">
          <th>Date</th>
          <th>Organization No</th>
          <th>Contract No</th>
          <th>Company Name</th>
          <th>Plan No</th>
          <th>Status</th>
       </tr>
    </thead>
    <tr ng-repeat="mas in vm">
       <td>{{mas.startDate | amDateFormat:&#39;YYYY-MM-DD&#39;}} </td>
        <td>{{mas.organizationNumber}}</td>
        <td>{{mas.contractNumber}} </td>
        <td>{{mas.name}}  </td>
        <td>{{mas.planNumber}} </td>
        <td>{{mas.description}} </td>
        <td><span><a href="#" ng-click="getErrorDetailBySearch(mas.productAccountOid,mas.planNumber,mas.migrationRunID)">Details</a></span></td>
    </tr>                
</table>

控制器代码：

// it binds the data to vm
var onSuccess = function (response) {
    $scope.vm = response;
    if ($scope.vm < 1) {
        messageService.noDataFound();
     }
}
// it binds the dat

Answer 1

您引用的plunker正在使用ui-bootstrap，这是一组用纯angularjs编写的引导程序组件。这样，您就不需要在项目中使用jQuery。

在 ui-bootstrap 中有一个<pagination>指令。为您处理分页的组件。您需要向该控件输入一些变量，以创建分页控件;喜欢总项目和每页项目。

如何使用pagination directive is documented here。请记住，当您将其包含在项目中时，请将其添加为依赖项。

angular.module('your-app', ['ui.bootstrap');

如何在angularjs中对表进行分页

1 个答案: