javascript - 如何将自定义图标添加到 Angular2 primeng Tree

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>