Angular 2：如何动态创建 ViewContainerRef

【问题标题】：Angular 2: How to dynamically create ViewContainerRefAngular 2：如何动态创建 ViewContainerRef
【发布时间】：2017-03-13 13:26:42
【问题描述】：

我正在尝试创建能够显示任意模式的模式服务。 目前，为了创建动态组件，我在视图中为其存储占位符：

 <div #container></div>
 ...
 @ViewChild("dialogContainer", {read: ViewContainerRef})
 dialogContainer:ViewContainerRef;

比创建组件：

let factory = this.componentResolver.resolveComponentFactory(Dialog);
this.componentReference = this.dialogContainer.createComponent(factory);

有没有办法将所有这些逻辑从组件移到服务中，并能够在主体或任何其他 DOM 元素中创建/删除视图容器？

【问题讨论】：

• 我需要像这样生成容器 ``

  ``` 并获取相应的 id viewcontainer 参考
• 我需要在多个动态容器中加载多个动态组件
• 检查：stackoverflow.com/questions/36566698/…
• 你说的modal service是什么意思？在您提供的代码中，模板变量与 ViewChild 参数不匹配。我也看不出当前标题与问题中描述的问题有何关系。