how to decode html elements in TypeScript?

Question

I am working with Angular 2 and C#, SQL Server (database). I have a scenario where some HTML string is coming from database which contains the HTML tags or special characters like- (> , < & etc).

So when it's coming from database the special character's are coming in encoded format. But I wanted to decode it in it's actual content in TypeScript file. Below is the example of my original string-

 if > 10

And it's showing in UI as below-

if  &gt; 10

I am using below code in HTML-

<div class="bold-text">{{vm.Name}}</div>

Can anyone suggest how we can decode it in TypeScript or Angular 2 .

try <div [innerHTML]="vm.Name"></div>

Pratyush Sharma
– Pratyush Sharma

2018-06-29 05:55:16 +00:00
Commented Jun 29, 2018 at 5:55 — Pratyush Sharma
– Pratyush Sharma, Commented Jun 29, 2018 at 5:55

Sajeetharan · Accepted Answer · 2018-06-29 05:56:05Z

1

You need to use ng-bind-html directive

 <p ng-bind-html="vm.Name"></p>

answered Jun 29, 2018 at 5:56

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

3 Comments

user3848036 Over a year ago

@Saneetharan, it's working like this <p ng-bind-html="vm.Name | renderHTML"></p>

user3848036 Over a year ago

But I am not sure what is the diff between ng-bind-html and ng-bind-html | renderHTML ?

Sajeetharan Over a year ago

what do you mean

Collectives™ on Stack Overflow

how to decode html elements in TypeScript?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related