如何以编程方式将组件加载到角度为2的div中

Question

我对角2很新， 我有一些动态创建的div我希望根据用户选择将每个定义的组件加载到这些div。我尝试了很多博客动态加载组件，但没有一个是清晰简单的。

我所期待的是知道如何通过点击按钮将一个组件加载到div。

例如

@Component({
    selector: 'container',
    template: `<div id="container">// need to place the component here on click of a button  //</div>`
 })

如果任何人可以提供plunker或解决方案，我们非常感谢

Answer 1

使用＃inside template

定义一个html组件

if(isset($heading1[1])){
    // Do something here, only if $heading1[1] exists
}

现在您可以在组件类

中访问此容器

<div #container ></div>