如何在chrome Elements选项卡中调试Angular 2 innerHTML？

Question

我遇到的问题是在Chrome的调试中查看innerHTML内的元素 - ＆gt; Elements选项卡不断折叠和刷新..假设它是动态绑定的。也许有一些方法可以停止或暂停更新/更改检测？

我正在使用以下代码。因为我需要在Chrome调试控制台中查看Element的样式，所以只需要修复以进行调试。

<mat-card-content>
   <div [innerHTML]="getUnSanitizedLessonHTML()" class="mat-typography"></div>
</mat-card-content>

和

  public getUnSanitizedLessonHTML() {
    return this.sanitizer.bypassSecurityTrustHtml(this.lesson.HTML);
  }

我搜索了一种在Chrome中停止或暂停JS的方法..没有运气。 然后我插入了一个10秒的停顿时间，以获得＆＃39; getUnSanitizedLessonHTML（）＆＃39;没有成功。

谢谢..