Javascript 将uib typeahead选择附加到现有输入文本

Javascript 将uib typeahead选择附加到现有输入文本,javascript,html,angularjs,angular-ui-typeahead,Javascript,Html,Angularjs,Angular Ui Typeahead,我想使用uib typeahead,创建一个逻辑表达式下拉列表,在用户使用搜索行时向用户提供建议。应该是这样的: 问题是,当我从下拉列表中选择“AND”、“OR”或“NOT”时,它将其绑定到搜索字符串,并删除以前编写的文本。如下所示: HTML: 我非常感谢您的帮助,也许ui typeahead不是我想要实现的正确解决方案 <input style="height:40px" autofocus ng-model-options='{ debounce: 750

我想使用
uib typeahead
,创建一个逻辑表达式下拉列表,在用户使用搜索行时向用户提供建议。应该是这样的:

问题是,当我从下拉列表中选择“AND”、“OR”或“NOT”时,它将其绑定到搜索字符串,并删除以前编写的文本。如下所示:

HTML:


我非常感谢您的帮助,也许ui typeahead不是我想要实现的正确解决方案

<input style="height:40px" autofocus ng-model-options='{ debounce: 750 }'
                                       dynamic-async-validator result="{}" my-validator="vm.checkFilterValidity(input)"
                                       ng-model="vm.searchString" ng-change="vm.checkAutoComplete()" type="text"
                                       id="search_input" class="form-control"
                                       uib-typeahead="option for option in vm.searchOptions"
                                       placeholder="Search here ">