“无法找到类型为'object'的不同支持对象'[object Object]',NgFor仅支持绑定到Iterables,如数组。

问题描述:

我的GET路线有问题。正如标题所述。 HTML代码:“无法找到类型为'object'的不同支持对象'[object Object]',NgFor仅支持绑定到Iterables,如数组。

<ion-card *ngFor="let room of rooms"> 

组件:

rooms : any; 
this.rooms = this.roomsService.getRooms(); 

提供者:

getRooms(){ 
return new Promise(resolve => { 
    this.http.get('http://localhost:8080/api/rooms/') 
    .map(res => res.json()) 
    .subscribe(data => { 
     resolve(data); 
    }); 
}); 

}

和服务器端:

exports.getRooms = function (req, res) { 
Room.find({}, function (err, rooms) { 
    if (err) { 
     res.send(err); 
    } else { 
     res.json(rooms); 
    } 
}); 

}

我在做什么错?返回JSON的

结构:

[ { _id: 58eb65dcfd9b3c188c74d811, 
room_number: 1, 
type: 'standard', 
beds: 1, 
max_occupancy: 1, 
cost_per_night: 50, 
__v: 0, 
reserved: [] }, 
{ _id: 58eb6608fd9b3c188c74d812, 
room_number: 2, 
type: 'standard', 
beds: 1, 
max_occupancy: 1, 
cost_per_night: 55, 
__v: 0, 
reserved: [] } ] 
+1

什么是返回的数据结构? – Groben

+0

分享json结构 – Srigar

+0

添加到第一篇文章 –

我曾经在一个相当简单的方式解决了这个。有什么问题:

this.rooms = this.roomsService.getRooms(); 

因为我不能直接给这样的承诺,所以我所做的:

this.roomsService.getRooms().then((data) => { 
    this.rooms = data; 
}, (err) => { 
    console.log(err); 
});