如何在AngularJS中的选择（HTML）列表中填充值

Question

我在特定的编辑表单页面中使用选择列表。 每当必须编辑特定条目时，就会出现带有编辑表单的新状态。 它具有一个选择列表，该列表必须填充其选项之一（理想情况下，必须将使用API​​从服务器获取的值填充到选择列表中）。

我在客户端使用Angular JS。 有人可以告诉我如何使用Angular JS实现相同的功能吗？

我需要用户在选择中插入的初始值在打开编辑页面时显示为默认值。

（此外，我的代理人无法使用：“选择国家/地区”）

可以说是这样的：

 <div class="col-md-8"> <select data-placeholder="Choose a Country..." class="chosen-select form-control" style="width:350px;" tabindex="2" required="" ng-model="location"> <option value="" disabled selected>Select</option> <option ng-repeat="location in locations1" value="{{location.id}}">{{location.name}}</option> </select> </div> 

Answer 1

使用ngOptions 。

<select ng-options="location as location.name for location in locations track by location.id" ng-model="selected"></select>

Answer 2

使用ng-options可以这样：

<div class="col-md-8">
<select ng-model="selectedLocation" ng-options="location.id as location.name for location in locations1" class="chosen-select form-control" style="width:350px;" tabindex="2">
    <option value="" disabled selected>Choose a Country</option>
</select>
</div>

location.id设置为选项值，而location.name设置为文本。

在选择中使用占位符是默认选项对您的作用。 因此，我将默认选项文本设置为“选择国家”。 这个问题的答案