未显示 Angular-ui-grid 分页控件答案

【问题标题】：Angular-ui-grid pagination controls not being shown未显示 Angular-ui-grid 分页控件
【发布时间】：2017-05-28 02:49:55
【问题描述】：

我正在使用以下控制器和 html 配置来创建分页的 ui-grid：

   app.controller('AdminProspectGridCtrl', function ($scope, $http, uiGridConstants) {

        $scope.gridOptions = {
          data: 'myData',
          paginationPageSizes: [25, 50, 100, 500],
          paginationPageSize: 25,
          enablePagination: true,
          enablePaginationControls: true,
          enableFiltering: true,
          enableColumnResizing: true,
          enableGridMenu: true,
          columnDefs: [
            { field: 'company'},
            { field: 'email'},
            { field: 'country'},
            { field: 'companySize'},
            { field: 'phone' },
            { field: 'dateCreated', cellFilter: 'date:"medium"' },
          ]
        };

        // Retrieve server data
        $http.get('/api/admin/test').then(function (response) {
                $scope.myData = response.data;
            }, 
            function (error) {
                console.log(error);  
        });
  });

HTML 代码：

<link rel="stylesheet" href="/bower_components/angular-ui-grid/ui-grid.css" />
<script src="/bower_components/angular-ui-grid/ui-grid.js"></script>

  <div class="tile-body" ng-controller="AdminProspectGridCtrl">

    <div id="grid" ui-grid="gridOptions" ui-grid-pagination class="grid"></div>

  </div>

分页控件根本不会出现在屏幕上。帮助表示赞赏。

【问题讨论】：

我也遇到了同样的问题，你解决了吗？
您是否在 app.js 文件中包含了 ui.grid.pagination 模块？

标签： javascript angularjs pagination angular-ui angular-ui-grid

【解决方案1】：

我通过向模块添加 'ui.grid.pagination' 依赖项解决了类似的问题

var app = angular.module('app', [
    'ui.grid',
    'ui.grid.pagination'
]);

我的版本是

"angular-ui-grid": "^4.8.0",

这里的另一个问题也是如此angular-ui-grid pagination missing

希望解决

【讨论】：