javascript - 在 AngularJS Dropdownlost 中设置默认文本选项

Question

我有一个使用 ng-options 的 angularjs 下拉列表

<select ng-options="perlocation.name for perlocation in locations" ng-model="locationDropdown">

我的下拉列表加载正常，但所选选项 0 为空，我想将其替换为“请选择一个”

<option value="?" selected="selected"></option>

我该怎么做？我在网上看到的所有示例似乎都不起作用。

谢谢

Answer 1

在 select 的 Angular 文档中它指出

Optionally, a single hard-coded element, with the value set to an empty string, can be nested into the element. This element will then represent the null or "not selected" option. See example below for demonstration.

这意味着您可以这样做:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-init="arr=[1,2,3]">
    <select ng-model="val" ng-options="x for x in arr">
      <option value="">Please select an option</option>
    </select>
    <br>
    Val: {{val}}
  </div>
</div>