找不到支持 object 类型为“object”的“[object Object]”的差异。 NgFor 只支持绑定到 Iterables，比如 Arrays

Question

我正在使用 firebase 和 angular 构建一个实时聊天应用程序。实际上，我正在尝试从数据库获取消息，但出现此错误：

找不到支持 object 类型为“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 变量初始化为数组：

messages = [];

然后尝试从您从服务器获取的 object 推送消息密钥。

this.messages.push(resMessage.yourMessageKey);