在Angular 2中，是否可以在其他組件中插入自定義組件？

Question

我不知道是否有可能與角2在庫中創建自定義組件，並在app.component.ts像這樣使用它：

app.component.ts 
---------------- 
@Component({ 
    selector: 'my-app', 
    template:`<comp-a> 
       <comp-b></comp-b> 
       <comp-b></comp-b> 
       <comp-b></comp-b> 
       </comp-a>' 

Answer 1

我找到了答案！使用Angular 2，您可以使用<ng-content>元素。

compA.component.ts 
---------------- 
@Component({ 
    selector: 'comp-a', 
    template:`<div> 
       <ng-content></ng-content> 
       </div>' 

app.component.ts 
---------------- 
@Component({ 
    selector: 'my-app', 
    template:`<comp-a> 
       <comp-b></comp-b> 
       <comp-b></comp-b> 
       <comp-b></comp-b> 
       </comp-a>' 

Answer 2

是的，這是possible.just寫一個新的組件使用在該組件你想查看的地方就在那個地方想

例子： -

文件1： -

@Component({ 

    selector: 'custom-component', 
    moduleId: module.id, 
    templateUrl: 'custom.html' 
}) 

export class LeavesComponent { } 

文件2： -

@Component({ 

    selector: 'custom-component', 
    moduleId: module.id, 
    template: `<div> 
        <custom-component></custom-component> 
        //you can add more files same like 
       </div>` 
}) 

export class ParentComponent { }