Population dropdown с использованием фигурных скобок + angularjs

Question

интерполяция синтаксиса фигурных скобок используется для привязки данных из модели для просмотра в angularjs.

Обычно мы отображаем текст, используя его.

Можно ли заполнить выпадающий список с помощью синтаксиса {{}}?

Answer 1

<select> 
    <option ng-repeat="item in items" value="item.value">{{item.title}}</option> 
</select> 

Answer 2

Вы, безусловно, можете заполнить выпадающий список, используя фигурные скобки в угловом, но он не будет иметь ожидаемого эффекта.
Если вы хотите иметь привязку данных в своем поле выбора, вы должны использовать select directive, который записывает теги option аналогичным образом, что и директива ng-repeat.
Вот пример:

JS:

$scope.selectables = [ 
    { label: 'A', value: 1}, 
    { label:'B', value: 2}, 
    { label: 'C', value: 3} 
]; 

// this is the model that's used for the data binding in the select directive 
// the default selected item 
$scope.selectedItem = $scope.selectables[0]; 

HTML:

<select 
    ng-model="selectedItem" 
    ng-options="o.label for o in selectables"> 
</select> 
<p>Selected item value: {{selectedItem.value}}</p> 

Вот демо, чтобы очистить вещи: http://jsfiddle.net/gion_13/TU6tp/

Answer 3

Ну, вы можете заполнить DROPDOWNLIST таким образом:

<select ng-model="myItem" ng-options="item.name for item in items"></select> 

Выбранный элемент будет сохранен в $scope.myItem.

Проверить эту страница: http://docs.angularjs.org/api/ng.directive:select

Надеется, что это помогает.

Answer 4

Вы можете сделать что-то вроде этого:

<select ng-model="searchDropdown" ng-class="{active: isDropdownActive}"> 
      <option ng-repeat="item in data.results" value="{{ item[settings.filterOptions[0].value] }}" >{{ item[settings.filterOptions[0].value] }}</option> 
</select>