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

Question

我有一个自定义角度分量<sample-cmp></sample-cmp>

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

请找到以下我用于通过Renderer2渲染自定义角度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”文本，并且未呈现。

我的问题是，当我们使用Renderer 2渲染一个自定义组件时，自定义组件模板中的内容没有得到渲染。