Angular UI Bootstrap Typeahead 按对象属性

Question

我有一个类似的对象（模仿地图）：

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

我需要在 ui bootstrap 的 typeahead 中使用属性值（通过“模型”属性保存过滤）

下一个变体不起作用：

<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">