如何将自定义图标添加到Angular2 Primeng树中



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

{            " label":"图片",            "数据":"图片文件夹",            "图标":" custicon.png",            "孩子们": [                {" label":" pic1"," icon":" icon1.png"},                {" label":" pic2"," icon":" icon2.png"},                {" label":" pic3"," icon":" icon3.png"}]]        }

我使用模板解决了此问题:

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

最新更新