javascript - 如何使用 AngularJS 在选择字段中将预选选项设置为默认选项

Question

我在使用 AngularJS 设置 HTML 中选择框的默认值时遇到问题。

这是我在 Controller 中的作用域变量:

$scope.sensorReadingsPerPage = 30;

这是使用 Controller 的 View 中的选择框:

<select id="itemsPerPage" name="itemsPerPage" class="panel panel-default" ng-model="sensorReadingsPerPage" ng-change="changeItemsPerPage()">
  <option value="10">10</option>
  <option value="20">20</option>
  <option value="30">30</option>
  <option value="40">40</option>
  <option value="50">50</option>
  <option value="100">100</option>
</select>

我希望预先选择值为“30”的选项。

我尝试过使用 this回答并 this one ，两者都引用 AngularJS documentation on select directive ，但在这些情况下，选项是动态生成的，并且范围包含在一个包含多个值的对象中。就我而言，选项是静态的，作用域上只有一个变量。

我该如何解决这个问题？有没有办法更改 ng-init 和 ng-options 以适合我的情况？

Answer 1

尝试在 Controller 中设置$scope.sensorReadingsPerPage = "30"。

注意:它应该是一个字符串。