找不到类型为"对象"的不同支持对象'[object Object]'。NgFor 仅支持绑定到可迭代对象，例如数组

Question

我正在用firebase和angular构建一个实时聊天应用程序。事实上，我正试图从数据库获取消息，但我遇到了这个错误：

找不到类型为"object"的不同支持对象"[object object]"。NgFor只支持绑定到Iterables，例如Arrays。

服务

getMessage(url: string) {
return this.http.get(url);
}

逻辑

messages: any;
ngOnInit(): void {
this.chatService
.getMessage('https://DB_URL/message.json')
.subscribe((resMessage) => {
this.messages = resMessage;
console.log(this.messages);
});
}

模板

<div *ngFor="let message of messages">
<p>{{ message }}</p>
</div>

我不知道该怎么解决，我肯定错过了

我没有发布整个代码，因为帖子太长

Answer 1

首先，将消息变量初始化为数组：

messages = [];

然后尝试从服务器获取的对象中按下消息键。

this.messages.push(resMessage.yourMessageKey);