angular - Angular 6：Renderer 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”文本并且没有被渲染。

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

标签： angularangular-renderer2