簡體   English   中英

無法提前顯示角度UI的結果

[英]can't display result on angular-ui typeahead

所以我試圖在angular-ui引導演示頁面中實現類似Google map示例的方法,但是我無法在下拉菜單中顯示結果。

完整代碼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">

角度控制器

  $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(用戶數據) 在此處輸入圖片說明

我得到了結果,但無法在下拉菜單上顯示。

更新 :應用@Engineer的答案后 在此處輸入圖片說明

我收到此錯誤: TypeError: Cannot call method 'replace' of undefined

在此處輸入圖片說明

從圖片中可以看到, data數組沒有"results"屬性(在.forEach使用它)。 嘗試將您的代碼更改為以下代碼:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM