未显示角度 UI 网格分页控件

Question

我使用以下控制器和 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>

分页控件根本不会出现在屏幕上。感谢帮助。

Answer 1

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

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

我的版本是

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

这里缺少角度 UI 网格分页的另一个问题相同

希望它解决了