HTML in the text field? about ngx-treeview HOT 10 CLOSED

Reading through the code, maybe wrapping line 61 in treeview.component.ts in a div and using an [innerHTML] attribute there would be the solution?

I changed the compiled javascript to do that, and it worked fine:

<div [innerHTML]="item.text"></div>

That really allows for a lot of new things, including images, icons, audio and video, etc.

from ngx-treeview.

@vanchisel In the absence of help here I've switched over to using angular2-tree. That module has extensive templating that allows for complex node displays.

from ngx-treeview.

@vanchisel I added more functions in this component but maybe my demo didn't show up these. I will try to update my demo in next time.

from ngx-treeview.

@queejie This is exactly the feature I've being hoping and searching for, to be able to prepend/append html, images and text to each (item) node in the tree. I was able to extend zTree for JavaScript. For example:

   - Miramar Associates LLC (#185-784-957)
     - Quality Assurance Docket (#45768509) (#457685)
     - Special Education Calendar (#90815201) (#908152)

Parents and children will have different/custom images. The #s above are unique to each item/node.

ztree is pure JavaScript, not written for Angular.

from ngx-treeview.

@queejie Thank you for the heads up. I couldn't get ngx-treeview to work either (something about cannot resolve due to source-map-loader) so I switched over to using zTree with jQuery. Yeah, I know, in Angular. It's working beautifully. I will check out Angular2-tree later. Thanks.

from ngx-treeview.

@queejie I really implemented item template. You can check demo here: https://leovo2708.github.io/ngx-treeview/

from ngx-treeview.

I faced with the same problem. I am trying to add icons for each items next to checkbox. Can you add in your demo or give some details how can we add it.

from ngx-treeview.

@botumsu This demo is showing button Delete beside each checkbox => https://leovo2708.github.io/ngx-treeview/#/advanced

from ngx-treeview.

Thanks, it works.

ps note: When source code is opened in that top of demo page, wrong code is shown (https://github.com/leovo2708/ngx-treeview/tree/master/src/demo/city).
But https://github.com/leovo2708/ngx-treeview/tree/master/src/demo/product codes should be shown

from ngx-treeview.

@botumsu Yes, this is my mistake. Thank for your notice. I will update demo right now.

from ngx-treeview.