Angular 4：获取插入的动态 HTML 元素的 ViewContainerRef

Question

我在 angular 4 中插入这样的动态页面内容：

<app-component>
    <main [innerHTML]="dynamicHTML"></main>
</app-component>

这将呈现为：

<app-component>
    <main>
        <div>
            <div id="insertionPoint">
            </div>
        </div>
    </main>
</app-component>

是否有可能得到ViewContainerRef的div#insertionPoint已动态添加。在div#insertionPoint可能是被装载到一个大的HTML文档的任何地方<main>。

我想使用ViewContainerRef.createComponent()和ComponentFactoryResolver来在动态 HTML 中插入一个 Angular 组件。