decode a html in typeScript angular 2

Question

I'm getting from the back-end an encode html but I can't decode it.

I tried with decodeURIComponent and decodeURI.

I got from server='
"&lt;table style=&quot;background-color: white;&quot;&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;
                    &lt;div id=&quot;voucher&quot;&gt;
                        &lt;table&gt;
                            &lt;tr&gt;
                                &lt;td colspan=&quot;1&quot; class=&quot;normal-left&quot;&gt;ID:&lt;/td&gt;
                                &lt;td colspan=&quot;3&quot; class=&quot;normal-left&quot;&gt;ce203c7c804c4f258947adf3d63b2d7d&lt;/td&gt;
                            &lt;/tr&gt;
                        &lt;/table&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;"
'

// This is my HTML

<ion-content padding>
<ion-list>
  <ion-item>
    <span [innerHtml]="aux"></span>
  </ion-item>
  </ion-list>
</ion-content>

And this is the result

I used to decode in Jquery with document.getElementById("aux").innerHTML = $('').html(voucher).text();

But I don't know if Angular 2 has something similar.

Thanks

Assuming this is HTML that you want to insert into the DOM, you should tell the server guys not to escape < as < etc. Then you can just insert it using innerHTML. — user663031
– user663031, Commented Nov 29, 2016 at 3:54

Community · Accepted Answer · 2017-05-23 12:25:45Z

6

Maybe you need some directives, such as [innerHtml]. Please to use try this example:

 <div [innerHTML]="var_string"></div>

and the var_string = "<strong>example</strong>";

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Nov 29, 2016 at 3:47

Celso Agra

1,4992 gold badges18 silver badges39 bronze badges

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

2 Comments

Javier Perez Over a year ago

If I use just [innerHTML] as you guys say I'll get "<table><tr></tr></table>". I need to decode first and then I will be enable to use InnerHTML

Celso Agra Over a year ago

Maybe you can use decodeURIComponent. Like this: var uri_dec = decodeURIComponent(var_html_string); Here is an example -> w3schools.com/code/tryit.asp?filename=FA0TR4JH7GKL

Collectives™ on Stack Overflow

decode a html in typeScript angular 2

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related