如何将ngx-quill富文本编辑器数据从数据库显示到查看模式的页面

<!-- 前端页面 -->
<div [innerHTML]="quillContent"></div>

// 前端页面的组件代码
import { Component, OnInit } from '@angular/core';
import { DataService } from 'path/to/data.service';

@Component({
  selector: 'app-view-mode',
  templateUrl: './view-mode.component.html',
  styleUrls: ['./view-mode.component.css']
})
export class ViewModeComponent implements OnInit {
  quillContent: string;

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getQuillData().subscribe(data => {
      this.quillContent = data;
    });
  }
}

// 后端数据服务代码（示例使用Node.js和Express.js）
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor(private http: HttpClient) { }

  getQuillData() {
    return this.http.get<string>('api/quill-data'); // 替换为实际的后端API接口地址
  }
}

// 后端API接口代码（示例使用Node.js和Express.js）
app.get('/api/quill-data', (req, res) => {
  // 从数据库中查询富文本编辑器的数据
  const quillData = '从数据库中获取的富文本编辑器数据';

  res.send(quillData);
});