angular ui-grid pagination v3.0.0-RC.18 不工作
angular ui-grid pagination v3.0.0-RC.18 not working
如何使用 angular ui-grid 显示 work/controls 的分页?有人成功过吗?
我知道 tutorial。
我尝试过但没有奏效的方法:
- 将教程用作 guide.
- 在我的项目之外重新制作示例。
- 使用不同版本的ui-grid;我试过 RC.12 - RC.21。
- 使用不同版本的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>
您在 html 中输入了 ui.grid.pagination
而不是 ui-grid-pagination
。
如何使用 angular ui-grid 显示 work/controls 的分页?有人成功过吗?
我知道 tutorial。
我尝试过但没有奏效的方法:
- 将教程用作 guide.
- 在我的项目之外重新制作示例。
- 使用不同版本的ui-grid;我试过 RC.12 - RC.21。
- 使用不同版本的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>
您在 html 中输入了 ui.grid.pagination
而不是 ui-grid-pagination
。