Question

我在我的应用程序中使用Primeng p-tree创建树，我需要向树节点添加自定义图标，如下面的JSON数据所示。但是树节点没有显示图标。如果有人有任何想法，请帮我解决这个问题。

{
            "label": "Pictures",
            "data": "Pictures Folder",
            "icon": "CustIcon.png",
            "children": [
                {"label": "Pic1", "icon": "icon1.png"},
                {"label": "Pic2", "icon": "icon2.png"},
                {"label": "Pic3", "icon": "icon3.png"}]
        }

Answer 1

我使用模板解决了这个问题：

<p-tree [value]="equipmentLibrary" selectionMode="single">
    <template let-node pTemplate type="default">
        <span><img class="tree-icon" src="{{node.icon}}" /></span>
    </template>
</p-tree>

如何向Angular2 primeng Tree添加自定义图标

1 个答案: