角度ui-grid分页v3.0.0-RC.18无法正常工作

Question

如何使用角度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文件中，并且我的控制器正在使用它。我通过在ui-grid js文件中更改指令的名称来测试它。

来自控制器的代码：

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。