Angular2在另一个组件

Question

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

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

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

  

AppComponent.html

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

  

AppComponent.ts

@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
}

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

怎么做？任何帮助都非常感谢。

Answer 1

如果你想在<placeHolder>标签上加载和卸载，那么DCL（DynamicComponentLoader）对你来说应该是正确的

有关示例，请参阅Angular 2 dynamic tabs with user-click chosen components。