[英]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.