Angular 2负载组件动态使用“选择器”

Question

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

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

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

我想在div内渲染组件。

Answer 1

关于上述评论中提到的问题和问题。 要使选择器正常工作，您只需要像这样在AppModule中添加组件。

declarations: [ App, PopupComponent, DynamicComponent ]

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

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