Javascript Angular 6-如何将动态创建的DIV用作ViewContainerRef

我正在Angular 6中使用Renderer2和ViewContainerRef。 我想动态地将一个新组件渲染到Render2渲染的div

所以基本上，这就是我希望它发生的方式

const el = this.renderer.createElement('div');
this.viewContainerRef: ViewContainerRef = el;
const factory = this.factoryResolver.resolveComponentFactory(element.elementComponentType);
const componentRef = this.viewContainerRef.createComponent(factory);

下面是呈现的HTML的外观

<div> <--- This will be the viewContainerRef
    <app-component></app-component> <--- this is the dynamic Component that I want to render
</div>

---

但在向视图/主体添加动态组件之前，确实需要将这个动态创建的Div附加到视图/主体中。@nicraft是的，我已经这样做了，但是如何使用这个动态创建的Div？我能想到的一个方法是为一个动态元素指定一个锚名称，但这是不可能的。afaikI不认为这是可能的。ViewContainers是在编译期间定义的。为什么需要动态创建视图容器？@maxkoretskyiakawaizard，因为我试图遵循为某些组件定义的布局。我能做些什么来解决这个问题吗？我真的愿意接受建议。@Maxkoretskyiakawaizard我找到了答案，这是你以前从另一个问题中得到的答案。