Question

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

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

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

（更多，我的地方工作者不工作：“选择一个国家”）

让我们说有这样的事情：

<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设置为options值，location.name设置为文本。

在select中使用占位符是默认选项的功能。所以我将默认选项文本设置为“选择国家/地区”。 Se this SO回答该主题

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

2 个答案: