Javascript 选择带有ng模型的标记不显示控制器中设置的默认值

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

请看

10
20
30
50
100

---

尝试

ng值

：

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

$scope.pageSize = '10';

---

尝试

ng值

：

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

$scope.pageSize = '10';

---

下面是一个简单的方法

angular
.module（'测试'，[]））
.run（函数TestCtrl（$rootScope）{
$rootScope.size=[
10, 11, 12, 13, 14, 15
];
$rootScope.size=$rootScope.size[0]；
})
;

大小为：

这里有一个简单的方法

angular
.module（'测试'，[]））
.run（函数TestCtrl（$rootScope）{
$rootScope.size=[
10, 11, 12, 13, 14, 15
];
$rootScope.size=$rootScope.size[0]；
})
;

大小为：