Angular2 innerHtml不断更新

<div [innerHtml]="htmlContent"></div>

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

@Component({
  selector: 'app-example',
  template: `
    <div [innerHtml]="htmlContent"></div>
    <button (click)="updateHtmlContent()">Update</button>
  `
})
export class ExampleComponent {
  htmlContent: string = '';

  constructor(private cdr: ChangeDetectorRef) {}

  updateHtmlContent() {
    // 更新htmlContent的值
    this.htmlContent = '<p>New HTML content</p>';
    // 手动触发变更检测
    this.cdr.detectChanges();
  }
}