时间戳

首页 > 解决方案 > 在聊天星云 UI 中通过 id 获取消息

angular - 在聊天星云 UI 中通过 id 获取消息

问题描述

我有 Json 文件包含存储在数据库中的所有消息，其 id 为发件人和收件人

json画面

所以我想在我的聊天中显示它们由 id 用户喜欢这张照片

我想要的聊天

这是所有数据的方法：

getAllMessage()
{
  this.cr.getMessages().subscribe(res=>{
    this.allMess=res;

  })
}

这是 HTML 部分：

 <nb-chat [title]="recievername" size="large" [status]="theme">
      <nb-chat-message large
        *ngFor="let message of chatService.messages"
        [message]="message.text"
        [reply]="message.user.sendername"
        [sender]="message.user.recievername"
        [date]="message.date"
        [avatar]="message.user.avatar"
      ></nb-chat-message>
      <nb-chat-form (send)="sendMessage($event, avatar)" [showButton]="true">
      </nb-chat-form>
    </nb-chat>

如果我忘记了什么，请告诉我添加它

标签： angularnebular

解决方案

在“getAllMessage ()”函数中，您将数据放入“allMess”中，当您尝试使用此数据时，您调用了“chatService.message”确保这不是错误

推荐阅读