如何在Angular JS中使用typeahead-on-select？

Question

我使用bootstrap Angular JS中的typeahead-on-select。 现在我有了写作HTML代码：

<input type="text" ng-model="data.country[formData.country]" placeholder="Select country..." typeahead-on-select="onSelect($item, $model, $label)" typeahead="stuff as stuff.name for stuff in countries | filter:{name: $viewValue} | orderBy:stuff.name" aria-expanded="false" aria-owns="typeahead-16-5649">

当我在此输入上输入符号a时，我会获得自动填充未分类的结果，而不会使用此符号命名国家/地区。我做错了什么？

Answer 1

当我们使用角度类型提前时，我们需要使用自定义过滤器函数来操作列表并根据自定义过滤器中编写的代码返回建议。

typeahead="state as state.code +' - '+ state.name for state in Item|      filter:$viewValue:customFilterFunction" 

此处，customeFilterfunction在控制器内定义，它以所需顺序返回建议列表。

$scope.customFilterFunction = function(state,value){

    return state;

}

我们可以根据我们的要求编写任何逻辑并对建议进行排序。