Angular 角度6:渲染器2-使用渲染器2渲染自定义组件不起作用

Angular 角度6:渲染器2-使用渲染器2渲染自定义组件不起作用,angular,angular-renderer2,Angular,Angular Renderer2,我有一个自定义角度组件 通过Render2将其内容附加到DOM中时,其内容不会在浏览器中呈现 请查找以下代码,我正在使用这些代码通过Renderer2渲染自定义angular 6组件 @ViewChild('formParent') public elmRef: ElementRef; constructor(public renderer: Renderer2) { } const domElm = renderer.createElement('sample-cmp'); re

我有一个自定义角度组件

通过Render2将其内容附加到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>

但此“示例cmp”模板包含“Hello World”文本,并且未呈现该文本


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

ys。。div元素。。我们需要在其中附加此组件角度组件不会被
渲染器2
实例化。您只能以这种方式使用它来创建HTML元素或web组件。好的…谢谢您的回复…您可以建议一些其他方法来解决此问题。请参阅更好的方法是将其作为web组件并正常工作。