Angular2在另一个组件内动态替换组件

我试图在其他有自己视图的组件中加载一个组件。将要加载的组件将是动态的，并且基于某些条件

我的意思是在父组件的同一位置替换另一个组件

例如，在我的AppComponent.html（下面）中，我想加载一些组件，这些组件可以再次被具有一些事件的其他组件替换

AppComponent.html

（c1和c2只是任何其他组件）

---

如何做到这一点？非常感谢您的帮助。

如果您想在

标记处加载和卸载，那么DCL（DynamicComponentLoader）应该是您的最佳选择

---

请参见示例。

请添加一些代码来演示您试图完成的任务。居里-乍一看，我认为这是一个非常不同的主题（），但我猜在您的回答中，您使用了DynamicComponentLoader，我将尝试使用此功能，希望这对我有用。。虽然我已经做了编辑，因为你要求更具体的查询。希望这对你有意义。如果你想在

标签上加载和卸载，那么DCL（DynamicComponentLoader）应该是适合你的。好的，谢谢。。。如果你喜欢，你可以写这个作为答案，因为我认为这将是一个更通用的答案，我认为它将有助于其他用户。DCL在beta.16中有很大的变化。我还没有更新链接的答案。已更新，以备您立即需要。

<button class="button1">Button1 </button>
<button class="button2">Button2 </button>
<placeHolder></placeHolder>

@Component({
    selector: '...',
    templateUrl: 'resources/app.component.html'
})
export class AppComponent{
     //on click of the button1, I want to load component c1, and on click of button2, I want to load component c2
}