Decode string to HTML not working in ui-grid Angularjs

Question

In my UI-grid column, I am trying to decode my string to HTML. I am working in UI-Grid Angular.

Here is my string "10-K ➤ EX-23.1" My output should be "10-K ➤ EX-23.1" but it shows string as it is. i have tried different solutions like using escape() and ['ngSanitize'] but these solutions didn't work at all in ui-grid.

Here is my Plunkr.

You only have to make it interpreted as HTML, no escape needed — Hacketo
– Hacketo, Commented Aug 19, 2015 at 7:34
@Hacketo can you give me the plunkr for that or any code help — Zaid Iqbal
– Zaid Iqbal, Commented Aug 19, 2015 at 7:39
looking at Hacketo answer, i think it may be useful to you: ng-bind-html="htmlString" — Hassan Faghihi
– Hassan Faghihi, Commented Aug 19, 2015 at 7:58
Would you consider adding your Plunkr code to the question? As it stands the question does not contain enough information to investigate the problem - questions must be self-contained - and so it may be marked as off-topic. If you can fix it up, it would be much appreciated! Thanks. — halfer
– halfer, Commented Sep 1, 2015 at 21:06

Zaid Iqbal · Accepted Answer · 2015-08-19 08:07:36Z

2

My problem has been solved. you can achieve this thing by using ng-bind-html="htmlString". you only just need to change the celltemplate like this

cellTemplate: '<div class="ui-grid-cell-contents" ng-bind-html="COL_FIELD"></div>'

answered Aug 19, 2015 at 8:07

Zaid Iqbal

1,7225 gold badges25 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hassan Faghihi · Accepted Answer · 2015-08-19 08:26:53Z

0

i tried several things, as your model is on the go :D i mean is made using library, and is not build over your HTML, i change your model http://plnkr.co/edit/xMIwKxiNvkPLUPrRKt5o?p=preview

as you can find out i used this:

angular.element('<div />').html("10-K&nbsp;&#10148;&nbsp;EX-23.1").text()

here you go

next thing you need is to iterate through your model, and replace your incoming data with new data, which is parsed using that method

answered Aug 19, 2015 at 8:26

Hassan Faghihi

2,0792 gold badges43 silver badges59 bronze badges

Comments

Ram · Accepted Answer · 2016-06-08 06:48:56Z

0

If we are trying to render the element which is coming from server as html-string in a row.entity way, follow the code below

header.cellTemplate = '<div ng-bind-html="row.entity.attribute"></div>';

or if we just want to render the html-string, instead of row.entity.attribute user the html-string as below

header.cellTemplate = '<div ng-bind-html="html-string"></div>';

answered Jun 8, 2016 at 6:48

Ram

1,6311 gold badge14 silver badges18 bronze badges

Collectives™ on Stack Overflow

Decode string to HTML not working in ui-grid Angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related