为什么返回的文本格式为 html 格式而不是原始 ngx-quill 格式且属性为 Angular

Question

我目前正在尝试实现发送消息按钮，用户在编辑器上键入并发送消息作为回报，我将在显示屏上输出消息，如下所示：

消息已成功发送到 api，但问题是在显示文本时，它应该显示编辑器属性，但它显示了此 html 文本。

我想显示文本及其属性，但它以 html 的形式显示属性。有办法解决这个问题吗

聊天.service.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>

Answer 1

使用html正确渲染：