Angular2儿童组件

Question

我想创建以下组件：

<my-component [attr1]="attr1" [attr2]="attr2">
</my-component>  

这很好，但我希望在这个组件中呈现任何类型的模板，所以我需要这样的东西：

<my-component [attr1]="attr1" [attr2]="attr2">
    <my-component-template>
        // Here comes the template for my-component component
    </my-component-template>
</my-component>  

如何做到这一点的任何样本？我找不到任何参考资料。

Answer 1

我认为您正在寻找<ng-content>或使用ViewContainerRef和ComponentFactoryResolver添加组件。我在官方文档中找不到任何有用的示例，但是......

请参阅使用的<ng-content>：

• https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

• https://angular.io/docs/ts/latest/cookbook/dependency-injection.html

请参阅动态添加组件：

• Angular 2 dynamic tabs with user-click chosen components

• https://angular.io/docs/ts/latest/api/core/index/ViewContainerRef-class.html#!#createComponent-anchor

• https://angular.io/docs/ts/latest/api/core/index/ComponentFactoryResolver-class.html