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

Set Default Text Option in AngularJS Dropdownlost

本文关键字：默认 文本 选项 设置 AngularJS Dropdownlost      更新时间：2023-09-26

我有一个使用ng选项的angularjs下拉列表

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

我的下拉列表加载良好，但所选选项0为空，我想将其替换为"Please Select One"

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

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

感谢

在select的角度文档中，它表示

可选地，单个硬编码元素，具有值集到一个空字符串，可以嵌套到元素中。这元素将表示null或"未选择"选项。看见下面的示例用于演示。

这意味着你可以这样做：

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

将$scope.locationDropdown = 'Please Select One'初始化为默认

或

<select ng-options="perlocation.name for perlocation in locations" ng-model="locationDropdown">
  <option> Please Select One </option>
</select>
相关文章：