I am using angular treeview directive to show treeview.
I am unable to render html.
for eg. B is showing as <b>B</b>.
here is the fiddle fiddle
i have used ng-html-bind for html rendering many times, but its not working here.
-
What version of Angular JS are you using. In Angular 1.2.0 ng-bind-html-unsafe has been deprecated.Vaibhav Jain– Vaibhav Jain2014-05-22 09:23:34 +00:00Commented May 22, 2014 at 9:23
Add a comment
|
2 Answers
As ng-bind-html-unsafe has been deprecated now, you will need to use $sce.trustAsHtml. There is a nice article to understand what $sce is.
For quick reference you can also refer to stackoverflow question.
answered May 22, 2014 at 9:30
3 Comments
devesh singhal
but how to use this with directive? ngmodules.org/modules/angular.treeview there is no option for using ng-bind-html-unsafe or any other
gorpacrate
There is angular version 1.0.6 used in fiddle. I don't think angular has $sce since that time.
Vaibhav Jain
oops , @gorpacrate : Nice catch. I was trying to modifying the fiddle, but no avail. You mentioned the reason. Thanks.
As it looks in treeview's code, by default you can't.
But you can modify it's code (example for minified version), change
<span data-ng-class="node.selected" data-ng-click="'+a+'.selectNodeLabel(node)">{{node.'+e+'}}</span>
to
<span data-ng-class="node.selected" data-ng-click="'+a+'.selectNodeLabel(node)" ng-bind-html-unsafe="node.'+e+'">
Don't forget to add ngSanitize module to your app: https://docs.angularjs.org/api/ngSanitize
Upd: Here is updated fiddle http://jsfiddle.net/vL4TJ/76/
answered May 22, 2014 at 11:04
