角度预先输出的问题

时间:2015-04-27 05:58:42

标签: angularjs typeahead

我正在使用带角度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;
                });

        }

enter image description here

1 个答案:

答案 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>