javascript - 无法在 angular-ui typeahead 上显示结果

Question

所以我试图实现类似 google map example 的东西在 angular-ui bootstrap 演示页面中，但我无法在下拉菜单中显示结果。

完整代码 http://plnkr.co/edit/eIM7UC4HrIUXxdET3CO0?p=preview

这就是我到目前为止所拥有的

HTML

<input required ng-model="asyncSelected" typeahead="address for address in getUserData($viewValue) | filter:$viewValue" type="text" placeholder="e.g john, david">

Angular Controller

  $scope.getUserData = function(val) {
            return $http.get('/sessionHandler/userProfileNameAndPicture/'+val, {
            }).then(function(userData){
              var addresses = [];
              console.log(userData) // see picture below 
              angular.forEach(userData.data, function(item){
                addresses.push(item);
              });
              return addresses;
            });
          };

console.log(userData)

我得到了结果，但无法在下拉菜单上显示它。

更新: 应用@Engineer 的答案后

我收到此错误:TypeError:无法调用未定义的“替换”方法

Answer 1

从图片中您可以看到，data 没有 "results" 属性(您在 .forEach 中使用它)大批。尝试将您的代码更改为以下代码:

angular.forEach(userData.data, function(item){
                         //  ^--------   '.results' is removed