In Angular 2 ist es möglich, eine benutzerdefinierte Komponente in eine andere Komponente einzufügen?

Question

Ich frage mich, ob es möglich ist, mit kantigem 2 benutzerdefinierte Komponenten in einer Bibliothek zu erstellen und verwendet es in der app.component.ts wie folgt aus:

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

fand ich die Antwort! Mit Angular 2 können Sie das Element <ng-content> verwenden.

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

Ja, es ist possible.just eine neue Komponente, die Komponente in denen verwenden schreiben

Beispiel Sie wollen Platz sehen es an diesem Ort fragen: -

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