在首页加载时，未在ng网格中选择页面大小

Question

带有ng网格的页面大小问题

当前的页面大小代码

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

在第一次页面加载我的页面大小下拉列表显示一个空格，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 version

有关

问题

  

AngularJS v1.4.1

工作正常

  

AngularJS v1.0.2

但我想用

解决这个问题

  

AngularJS v1.4.1

由于我的项目面临其他问题，如果我改变角度js版本

Answer 1

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

  pageSize: '5',