Javascript 如何将自定义图标添加到Angular2素数树

我在应用程序中使用priming 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"}] } { “标签”：“图片”， “数据”：“图片文件夹”， “图标”：“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>

---

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

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

谢谢您的回复。如果我实现上述方法，节点将显示为[icon Node.label]。但是我需要将图标与节点分离为[icon][node.label]我通过在json数据中使用css类名和css文件中的syle修复了这个问题，如下所示。抽象图标{background:url（“app/images/abstract bo.png”）；高度：16px；宽度：16px；float:initial；}感谢您的回复。如果我实现上述方法，节点将显示为[icon Node.label]。但是我需要将图标与节点分开，因为[icon][node.label]我通过在json数据中使用css类名和css文件中的syle修复了这个问题，如下所示。抽象图标{background:url（“app/images/abstract bo.png”）；高度：16px；宽度：16px；float:initial；}