Угловая простая проблема выбора

Question

Я предполагаю, что это должен быть общий шаблон, как люди справляются с этим, но я удивлен, почему я не могу найти что-либо в Интернете.

Допустим, у меня есть массив объектов, и я хочу отображать эти объекты для клиента в окне типа. Когда клиент выбирает что-то, я хочу запомнить выбор клиента и продолжить процесс.

Проблема: Все элементы, отображаемые в клиентском читаемом формате - item.name (Лондон, Лиссабон, Манчестер) Когда клиент выбрать что-то, мой ng-modelfromSelected равняется только города имя строки, которая ничего не значит для меня, потому что мне еще нужен id для дальнейшего обработка.

Не могли бы вы предложить, как я могу сделать fromSelected равным объекту, а не строке, но в то же время предоставить дружественный вывод пользователю?

var app = angular.module("fly"); 

app.controller('PlaceController', function($scope) { 


$scope.fromSelected =''; 

$scope.getPlace = function() { 

    var items = [] 
    items.push({ 
     'id': 1, 
     'name': London 
     }); 
    items.push({ 
     'id': 2, 
     'name': Lisbon 
     }); 

return items; 
}; 

}); 

HTML:

<input type="text" ng-model="fromSelected" placeholder="Country, city or airport" typeahead="place.name for place in getPlace()" typeahead-loading="loadingLocations" typeahead-no-results="noResults" class="form-control"> 

Answer 1

серна,

ваше машинописный предложение может сделать это для вас. как item as item.name for item in data | filter:$viewValue

Это в основном говорит ваш машинописный, чтобы показать свою item.name, но вернуть объект item модели

Это plunker поможет вам сделать это