В 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

Я нашел ответ! С угловым 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 написать новый компонент использовать этот компонент в котором вы хотите посмотреть место это интересно, в этом месте

Пример: -

file1: -

@Component({ 

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

export class LeavesComponent { } 

file2: -

@Component({ 

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

export class ParentComponent { }