angularJS-使用ng-options添加静态选项

Question

我正在使用ng-options在我的角度应用程序中打印表单的所有选项。我直接从数据库中获得了价值，该数据库为我提供了国家列表：

<select ng-options="country.country for country in countries" ng-model="selectedCountry" ng-change="updateSelectedCountry(selectedCountry)" class="form-control">

在这里，当页面被加载时，选择不显示任何内容，即没有占位符，而我想打印一个静态值，例如“ anywhere”，而不必将其添加到“国家”列表中。

我已经试过了：

<select ng-options="country.country for country in countries" ng-model="selectedCountry" ng-change="updateSelectedCountry(selectedCountry)" class="form-control">
<option>Anywhere</option>
</select>

但这没用

有谁知道如何解决这个问题？

谢谢

Answer 1

您总是可以这样做：

<select ng-model="selectedCountry" ng-change="updateSelectedCountry(selectedCountry)" class="form-control">
    <option>Anywhere</option>
    <option ng-repeat="country.country for country in countries">{{country.country}}
    </option>
</select>

这是我的小提琴例子

希望这可以帮助！