Javascript 角度ui网格分页v3.0.0-RC.18不工作

如何使用角度ui网格使分页工作/控件显示？有人成功地做到了吗

我知道这一点

我尝试过但没有成功的事情：

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,
        }

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

以本教程为指导

在我的项目之外重新制作这个例子

使用不同版本的ui网格；我试过RC.12-RC.21

使用不同版本的angularjs；我试过1.2.26-1.3.15

我知道

ui.grid.pagination

模块在我正在使用的ui-grid-js文件中，我的控制器正在提取它。我通过在ui网格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,
        }

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

HTML:

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,
        }

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

过程

---

您将

ui.grid.pagination

而不是

ui-grid-pagination

放在html中。

非常感谢您的回复！这就是复制和粘贴时发生的情况。