当只有一个匹配时,Angular UI bootstrap typeahead select

时间:2016-06-19 18:55:57

标签: angular-ui-bootstrap angular-ui angular-ui-typeahead

是否可以配置(内置或通过自定义指令)Angular UI bootstrap typeahead,以便在只有一个匹配时选择值?有 typeahead-select-on-exact 选项,但要使其正常工作,输入的值必须与typeahead的完整选项匹配

请参阅下面的plunker。我添加了 typeahead-select-on-exact ,因此当您键入“Portugal”时,它会选择该值。 我想要实现的行为是当你键入“Portu”时,typeahead也会选择Portugal(因为这是唯一可能的匹配)。

 <input type="text" typeahead-select-on-exact="true">

http://plnkr.co/edit/ddAsXQuXjOf7rKkKmYuz?p=preview

1 个答案:

答案 0 :(得分:2)

对于我的用例,我最终将以下内容添加到 getLocation()方法中(请参阅问题中的plunker示例)

if(response.data.length === 1) {
   $scope.asyncSelected = response.data[0].name
}