Javascript InnerHtml中的Angular 6自定义元素一直在重新加载

我成功地编写了一个Angular 6应用程序，效果很好。它正在从远程服务器加载一些内容，其中包含一些HTML代码。此代码显示在DIV元素内，例如：

另一个.component.html

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

问题

从某种程度上说，该应用程序运行良好。问题是浏览器一直在重新加载应用程序。在检查dev工具中的元素时，我可以看到

被重复呈现。选项卡中的浏览器微调器一直在旋转。应用程序在循环中执行某些操作时响应相当慢

我认为自定义元素正在一次又一次地加载应用程序本身。我应该改变什么来防止这种情况

更新 由于我希望自定义元素在

innerHtml

中呈现，因此服务器的响应将传递

DomSanitizer

。似乎消毒剂一直在发射，有点阻塞了应用程序

任何帮助都将不胜感激

<my-custom-element><p>Some other HTML-content from the server</p></my-custom-element>

constructor( private injector: Injector ) {
        const ii = createCustomElement( MyCustomElementComponent, { injector } );
        customElements.define( 'my-custom-element', ii );
    }


ngDoBootstrap() {}