javascript - Angular ui-grid 分页 v3.0.0-RC.18 不起作用

Question

如何使用 Angular ui-grid 使分页工作/控件显示？有人成功完成过吗？

我知道 tutorial 。

我尝试过但不起作用的事情:

1. 使用教程作为指南。
2. 在我的项目之外重新制作示例。
3. 使用不同版本的 ui-grid；我尝试过 RC.12 - RC.21。
4. 使用不同版本的 angularjs；我尝试过 1.2.26 - 1.3.15。

我知道 ui.grid.pagination 模块位于我正在使用的 ui-grid js 文件中，并且它正在被我的 Controller 拾取。我通过更改 ui-grid js 文件中指令的名称对此进行了测试。

来自 Controller 的代码:

var app = angular.module('myApp', ['ui.grid', 'ui.grid.pagination', 'ngAnimate', 'ngTouch']);
    app.controller('myCtrl', ['$scope', '$http', function ($scope, $http) {

        $scope.gridOptions = {
            enablePagination: true,
            enableFiltering: true,
            enableSorting: true,
            enableHorizontalScrollbar: false,
            enablePaginationControls: true,
            paginationPageSizes: [25, 50, 75],
            paginationPageSize: 25,
        }

HTML:

<div class="container-fluid">
    <h1>Processes</h1>
    <div ng-controller="myCtrl">
        <div ui-grid="gridOptions" ui.grid.pagination></div>
    </div>
</div>

Answer 1

您在 html 中放置了 ui.grid.pagination 而不是 ui-grid-pagination。