javascript - 角度：ResizeObserver 不适用于从 getter 设置的 innerHTML

Question

演示链接：https ://codesandbox.io/s/lively-thunder-bi5q4?file=/src/app/app.component.ts

我正在尝试使用 ResizeObserver 来观察通过[innerHtml]绑定设置的元素

当我将 HTML 字符串放在组件类属性中时，调整大小观察器起作用

// the component
class App {
  // ...
  _title = `<div id="oo">oo</div>`;
  title = this.domSanitizer.bypassSecurityTrustHtml(this._title);
}
// the template
<div [innerHtml]="title"></div>

但是当我将 HTML 字符串放在组件类 getter 中时，Resize 观察者将不起作用

// the component
class App {
  // ...
  get title() {
    return this.domSanitizer.bypassSecurityTrustHtml(this._title);
  }
  _title = `<div id="oo">oo</div>`;
}

// the template
<div [innerHtml]="title"></div>