我目前正在尝试实现发送消息按钮,用户在编辑器上键入并发送消息,我将在显示器上输出消息,如下所示:
消息成功发送到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>