如何显示Angular innerHTML +内容

import { Component } from '@angular/core';

@Component({
  selector: 'app-dynamic-html',
  template: `
    <div [innerHTML]="htmlContent"></div>
  `
})
export class DynamicHtmlComponent {
  htmlContent = '<p>This is <strong>dynamic</strong> HTML content.</p>';
}

import { Component, OnInit } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

@Component({
  selector: 'app-safe-html',
  template: `
    <div [innerHTML]="safeHtmlContent"></div>
  `
})
export class SafeHtmlComponent implements OnInit {
  htmlContent = '<p>This is <strong>unsafe</strong> HTML content.</p>';
  safeHtmlContent: SafeHtml;

  constructor(private sanitizer: DomSanitizer) {}

  ngOnInit() {
    this.safeHtmlContent = this.sanitizer.bypassSecurityTrustHtml(this.htmlContent);
  }
}