Rekursive Inhaltsprojektion

Question

Ich möchte eine einfache Baumkomponente erstellen, in der jeder Knoten als Vorlage angezeigt wird. So etwas wie

<my-tree [item]="rootItem"> 
    item: <b>{{item.name}}</b> 
</my-tree> 

so konnte ich die gleiche Komponente verwenden, um einen Baum mit verschiedenen Markup angezeigt werden, wie

<my-tree [item]="rootItem"> 
    <div class="beautiful"> item: <i>{{item.name}}</i></div> 
</my-tree> 

ich Plunker gemacht haben fast richtig zu illustrieren https://plnkr.co/edit/LL8T5a1oSWUzOVEy14jv?p=preview Der Baum angezeigt wird, aber ohne Artikelnamen. Keine Ahnung warum. Kann mir bitte jemand erklären, was ich falsch gemacht habe? Danke im Voraus.

Answer 1

Nun, es sieht aus wie ich herausgefunden, wie dies zu tun (siehe Plunker Link in die Frage) mit Hilfe von angular2-tree-component

Answer 2

Ich denke, das ist, was Sie wollen:

Plunker example

Habe ich nur noch {{it.name}} zu

<li *ngFor="let it of item.children">{{it.name}}