选择具有ng模型剂量的标签不显示控制器中设置的默认值

Question

在分页中，我提供了下拉选项来选择每页上显示的项目数。但选择不显示控制器中设置的默认值。

请参阅 http://plnkr.co/edit/bqLKGB2nBK6m53XJ1U85?p=preview

  <select name="singleSelect" ng-model="pageSize">
<option value="10" selected>10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="50">50</option>
<option value="100">100</option>

Answer 1

尝试ng-value：

<select name="singleSelect" ng-model="pageSize">
      <option ng-value="10">10</option>
      <option ng-value="20">20</option>
      <option ng-value="30">30</option>
      <option ng-value="50">50</option>
      <option ng-value="100">100</option>
</select>

或者修改此行而不应用ng-value：

$scope.pageSize = '10';

Answer 2

这里有一种在angularjs 1.*中使用select的简单方法

angular
  .module('test', [])
  .run(function TestCtrl($rootScope) {
    $rootScope.sizes = [
      10, 11, 12, 13, 14, 15
    ];
    
    $rootScope.size = $rootScope.sizes[0];
  })
;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<section ng-app="test">
  <h1> Size is: <code ng-bind="size"></code></h1>
  <select
    ng-model="size"
    ng-options="s for s in sizes">
  </select>
</section>