Question

我有一个树视图组件（使用树视图项组件），我想让用户定义项的模板。

这样的事情（将显示＆＃34;项目：＆＃34;后跟粗体名称）：

<tree-view 
    [children]="folders" 
    childrenProperty="children">
    <template>Item:<b>{{item.name}}</b></template>
</tree-view>

我可以使用TemplateRef组件类中的@ContentChild检索TreeView并从TreeViewItem组件访问它，但我还没找到如何注入它进入项目的dom。

您可以在我的树视图组件上找到一个Plunker：http://plnkr.co/edit/IMqKV4TrwHoiWfJKHHQn?p=preview

有没有办法使用Angular 2实现这一目标？

Answer 1

经过大量的挖掘，我发现没有办法达到我想要的目的。

解决方法是为树的每个项目加载（使用DynamicComponentLoader）给定组件（在输入中）。

<tree-view 
    [children]="folders" 
    childrenProperty="children"
    [itemComponentClass]="itemComponent">
</tree-view>

其中itemComponent是对组件类（具有模板）的引用。