小编典典

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

angularjs

我正在使用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>

但这没用

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

谢谢


阅读 221

收藏
2020-07-04

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

这是我的小提琴例子

希望这可以帮助!

2020-07-04