如何在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設置為文本。

在選擇中使用占位符是默認選項對您的作用。 因此，我將默認選項文本設置為“選擇國家”。 這個問題的答案