我正在使用带角度js的typeahead并且一切正常,期待一个案例。
假设我搜索了一些让我们说test
的内容,它显示了两个测试结果,但是我点击了我正在键入的文本框或屏幕上的任何其他位置,而不是点击结果,如果我输入到搜索一些东西然后搜索不起作用,请求发送到后端,我收到响应,但该响应没有显示在前端作为搜索结果。
我的代码:
<input type="text" class="form-control " name="search_title" ng-model="formData.search_title" required autocomplete="off" typeahead="state as state.name for state in searchStates($viewValue) | orderBy:name" typeahead-loading="loading" typeahead-min-length="2" typeahead-wait-ms="100" typeahead-on-select='searchSelect($item, $model, $label)'>
$scope.searchStates = function(state){
return $http({
method : 'GET',
url : '/search-state/?q='+state,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
}).then(function(response,status){
return response.data;
});
}
答案 0 :(得分:0)
当我更改ui-bootstrap-tpls
的版本时,我的问题得以解决。之前我使用的是版本0.12.1
但是当我将其更改为ui-bootstrap-tpls-0.6.0.js
时,eveything工作正常。所以可能是这个问题是由于版本错误造成的。
使用此
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
而不是
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.min.js"></script>