我目前正在尝试实现发送消息按钮,用户在编辑器上键入并发送消息,我将在显示器上输出消息,如下所示:
 
消息成功发送到api,但问题是在显示文本时,它应该显示编辑器属性,但显示的是这个html文本。
我想显示文本及其属性,但它以html的形式显示属性。有办法解决这个问题吗?
聊天服务.ts
add(message: string, conversationId: number){
        const requestBody = {
            message,
            conversationId
        }
        this.http.post('url', requestBody, {
            params: params
        }).subscribe((data: any) => {
            for(let i=0; i<data.result.length; i++){
                this.stringMessages.push(data.result[i])
            }
            console.log(this.stringMessages)
        })
chat.ts文件
 public text = "";
sendMessage(){
    if(!this.text){
      return;
    }
    
    let cid = this.dataService.tabSelectedConvoID;
    this.chatService.add(this.text, cid);
    console.log(this.text)
    
    this.text="";
  }
html文件
<div *ngFor="let message of displayMessages" >
     <div >
         <p [innerHTML]="message.message">{{message.message}}<p>
     </div>
</div>
<quill-editor [(ngModel)]="text" #editor placeholder="Type your message..."  [styles]="toolbarStyle"> </quill-editor>