使用 ngmodel 选择标签不显示控制器中设置的默认值答案

【问题标题】：Select tag with ng-model dose not show the default value set in the controller使用 ngmodel 选择标签不显示控制器中设置的默认值
【发布时间】：2017-11-14 21:57:00
【问题描述】：

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

请看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>

【问题讨论】：

标签： javascript html angularjs

【解决方案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';

【讨论】：

【解决方案2】：

这是使用select in angularjs 1.*的简单方法

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>

【讨论】：