0

我正在尝试向 Angular Bootstrap Typeahead 传递一个承诺，但我总是遇到以下错误：TypeError: Cannot read property 'length' of undefined

工厂：

    angular.module('app').factory('geoCoding', ['$http', 'geoUtils', function ($http, geoUtils) {

  var request= function(location){
    return $http.get('http://open.mapquestapi.com/geocoding/v1/address',{params:{location:location}});
  };

  var ret = {};

  ret.locate = function (location) {
    return request(location).then(function (data) {
      if (data  && data.data && data.data.results && data.data.results[0]) {
        var locations = [];
        data.data.results[0].locations.forEach(function (location) {
          locations.push({name: geoUtils.location2String(location), location: location});
        });
        return locations;
      }
    });
  };
  return ret;
}]);

控制器：

$scope.getLocations = function(){
    console.log('scope',$scope.inputLocation);
    return geoCoding.locate($scope.inputLocation);
  }

模板：

        <input type="text" class="form-control oo-focus" placeholder="Search" typeahead="location as location.name for location in getLocations()" typeahead-wait-ms="500" ng-model="inputLocation" />

使用旧版本的 Angular Bootstrap-UI 0.5.0 一切正常。问题在于 Bootstrap-UI 0.6.0 (bootstrap3_bis2)。 https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2

4

2 回答 2

2

如果您使用的是 AngularJS 1.2.0-rc.2，则 Promise 存在问题（更改了 Promise 自我引用的公开方式——或者类似的想法：））。我真的不能告诉你为什么，但你可以在这里找到更多信息：

在 Angularjs 1.2.0rc2 中使用 Promise 时打字头损坏

对我来说，wiking 解决方案是设置 promise.$$v 变量。所以在你的例子中，代码应该是：

$scope.getLocations = function(){
   console.log('scope',$scope.inputLocation);
   var promise = geoCoding.locate($scope.inputLocation);
   promise.$$v = promise;
   return promise;
}

我同意作者（wilsonjackson）的观点，这是 hacky！无论如何希望它会帮助你。

于 2013-09-25T09:05:14.913 回答
2

Angular 1.2.0-rc.3 已经发布，适用于该版本：http ://code.angularjs.org/1.2.0-rc.3/

于 2013-10-15T08:54:05.873 回答