Angular UI Bootstrap Typeahead по свойствам объекта

Question

У меня есть похожий объект (имитация карты):

$scope.vehicles = {
   1:{id:1, model:'Sedan'},
   2:{id:2, model:'SUV'},
   3:{id:3, model:'Van'}
}

Мне нужно использовать значения свойств в typeahead пользовательского интерфейса начальной загрузки (с сохранением фильтрации по свойству model)

Следующий вариант не работает:

<input type="text" ng-model="vehicle"
   uib-typeahead="vehicle as vehicle.model for (id, vehicle) in vehicles | filter:{model:$viewValue} | limitTo:10">

Answer 1

для использования списка свойств объекта нужна специальная функция

$scope.getVehicleList = function () {
   return Object.values($scope.vehicles);
}

Элемент typeahead:

<input type="text" ng-model="vehicle"
       uib-typeahead="vehicle as vehicle.model for vehicle in getVehicleList() | filter:{model:$viewValue} | limitTo:10">