Angular 2加载组件动态使用'selector'

Question

我在基于'选择器'名称的加载组件的角度2中遇到问题。

我想动态地在弹出窗口中渲染组件。像这样的东西 - 这是代码：

<div>
 <my-selector></my-selector>
</div>

我想在div中渲染组件。

Answer 1

关于上述评论中提到的问题和掠夺者。 要使选择器工作，您只需在AppModule中添加Component就像这样。

declarations: [ App, PopupComponent, DynamicComponent ]

在此处添加组件后，您可以在App模板中使用选择器，如下所示：

<button (click)="openPopup()">Launch demo modal</button>
<hr>
<div>
   <my-selector></my-selector>
</div>
<pre>{{closeResult}}</pre>