递归内容投影

Question

我想创建一个简单的树组件，其中每个节点都显示为我设置的模板。像

这样的东西

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

所以我可以使用相同的组件来显示具有不同标记的树，例如

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

我做了一个用来说明https://plnkr.co/edit/LL8T5a1oSWUzOVEy14jv?p=preview的傻瓜 树显示几乎正确，但没有项目名称。不知道为什么。请问有人解释我做错了什么？提前谢谢。

Answer 1

我想这就是你想要的：

Plunker example

我刚刚将{{it.name}}添加到

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

Answer 2

好像我在angular2-tree-component

的帮助下想出了如何做到这一点（请参阅问题中的plunker链接）