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

Question

我正在使用angular 1.3.0和bootstrap 3.2.0。我试图从我的mysql数据库异步获取数据，但我遇到了bootstrap typeahead的问题。

我的代码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>

typeahead

的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;
       });

    };

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