Angular 6：渲染器 2 - 使用 Renderer2 渲染自定义组件不起作用

Question

我有一个自定义角度组件<sample-cmp></sample-cmp>

当它的内容通过 Renderer2 附加到 DOM 中时，它的内容不会在浏览器中呈现。

请找到我用来通过 Renderer2 渲染自定义 Angular 6 组件的以下代码

@ViewChild('formParent') 
public elmRef: ElementRef;  

constructor(public renderer: Renderer2) {

}

const domElm = renderer.createElement('sample-cmp');

renderer.appendChild(elmRef.nativeElement, domElm);

上面的代码将在 UI 中生成以下标签。

<sample-cmp></sample-cmp>

但此“sample-cmp”模板包含“Hello World”文本，但未呈现。

我的问题是，当我们使用渲染器 2 渲染一个自定义组件时，自定义组件模板中的内容不会被渲染。