2016-12-19 3 views
0

Я создаю дерево с помощью Primang p-tree в своем приложении, и мне нужно добавить пользовательские значки к узлам дерева, как показано ниже в данных JSON. Но узел дерева не показывает значки. Если кто-нибудь имеет какие-либо идеи, пожалуйста, помогите мне решить эту проблему.Как добавить пользовательский значок в Angular2 primeng Tree

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

ответ

2

Я решил эту проблему с помощью шаблона:

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

спасибо за ответ. Узел отображается как [icon node.label] Если я реализую вышеупомянутый подход. Но мне нужно, чтобы значок был отделен от узла как [icon] [node.label]. Я исправил проблему, используя имя класса css в json-данных и syle в файле css, как указано ниже .abstract-icon { \t background: url ("приложение/изображения/абстрактно-bo.png"); высота: 16px; ширина: 16px; float: initial; } – Mohan

Смежные вопросы