第一页加载时未在 ng 网格中选择页面大小

Question

ng 网格的页面大小问题

页面大小的当前代码

$scope.pagingOptions = {
            pageSizes: [2,15, 25, 50],
            pageSize: 2,
            currentPage: 1
        };

第一次加载页面时，我的页面大小下拉列表显示一个 space，应在页面大小下拉列表中选择 2

Html代码

<select ng-model="pagingOptions.pageSize" style="float: left; height: 27px; width: 100px;" class="ng-pristine ng-valid ng-touched">
          <option value="? number:2 ?"></option>
          <option ng-repeat="size in pagingOptions.pageSizes" class="ng-binding ng-scope" value="2">2</option>
          <option ng-repeat="size in pagingOptions.pageSizes" class="ng-binding ng-scope" value="15">15</option>
          <option ng-repeat="size in pagingOptions.pageSizes" class="ng-binding ng-scope" value="25">25</option>
          <option ng-repeat="size in pagingOptions.pageSizes" class="ng-binding ng-scope" value="50">50</option>
</select>

那么如何使用 2

选择下拉菜单

已更新

plunker

已更新

在创建 plunker 的过程中，我发现问题与 angular js 版本有关

关于

的问题

AngularJS v1.4.1

与

配合良好

AngularJS v1.0.2

但我想用

解决这个问题

AngularJS v1.4.1

由于我的项目面临其他问题，如果我更改 angular js 版本

Answer 1

看来pageSize必须定义为字符串而不是数字。似乎 angular select 指令发生了变化...

  pageSize: '5',

第一页加载时未在 ng 网格中选择页面大小

Page Size is not being selected in ng grid on first page load

angularjs

ng-grid