javascript - 使用 angular.js ui 和 bootstrap typeahead 进行异步调用以检索搜索的自动建议

Question

我正在使用 Angular 1.3.0 和 Bootstrap 3.2.0。我正在尝试从我的 mysql 数据库异步获取数据，但我在 Bootstrap 预输入方面遇到了一些问题。

我的代码index.html:

<input type="text" ng-model='locality' name="locality" typeahead="name for locality in getLocality($viewValue) | filter:$viewValue" typeahead-loading="loadingLocations" class="form-control size1 input-medium search-query"
    placeholder="Enter Organization name/service">
</input>

用于提前输入的 main.js 文件

    $scope.getLocality = function(val) {
       console.log(val);
       var url = $rootScope.baseURL + '/api/location?locality=' + val;
       console.log(url);
       return $http.get(url, {
           params: {
               name: val,
               sensor: false
           }
       }).then(function(response) {
           var addresses = [];
           angular.forEach(response.data.resulults, function(item) {
               addresses.push(item.formatted_name);
           });
           return addresses;
       });

    };

当我调试时，这个值很好，但我没有得到任何自动建议，请任何人帮助我解决这个问题。

Answer 1

工作正常，谢谢@tiblu
index.html 文件

<input type="text" ng-model='locality' name="locality"
                                typeahead="name for name in getLocality($viewValue)"
                                typeahead-loading="loadingLocations"
                                class="form-control size1 input-medium search-query"
                                placeholder="Enter Organization name/service">
                                </input>



    .js file    


    $scope.getLocality=function(val){
                        console.log(val);
                                    var url=$rootScope.baseURL + '/api/location?locality='+val;
                                console.log(url);
                                              return $http.get(url,{

                                                           params: {
                                                                     name: val,
                                                                     sensor: false
                                                                     }
                                                                 }).then(function(response){
                                                                    console.log(response);
                                                                    console.log(response.data); 
                                                                    var addresses=[];
                                                                           angular.forEach(response.data.data,function(item){
                                                                            addresses.push(item.name);
                                                                            //return item.formatted_name;
                                                                            console.log(response.data);
                                                                           });
                                                                          return addresses;
                                                                         /*return response.data.results.map(function(item){
                                                                           return item.formatted_address;*/
                                                                  });

                    };