如何在AngularJS的選擇（HTML）列表中填充值

我正在使用特定編輯表單頁面中的選擇列表。無論何時需要編輯某個特定條目，都會顯示帶有編輯表單的新狀態。它有一個選擇列表，必須填入其中一個選項（理想情況下，使用API從服務器獲取的值必須填充到選擇列表中）。如何在AngularJS的選擇（HTML）列表中填充值

我在客戶端使用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>

來源

2016-07-15 Angadbir Singh Sandhu

使用ngOptions。

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

來源

2016-07-15 13:01:53

隨着NG選項你可以做這樣的：

<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被設置爲文本。

在select中使用佔位符是默認選項爲您所做的一種。所以我會設置默認選項文本爲「選擇一個國家」。 Se this SO關於該主題的回答

來源

2016-07-15 13:19:33

如何在AngularJS的選擇（HTML）列表中填充值

回答

相關問題