innerHtml is not displaying the tag in Angular

Asked Dec 01 '22 at 13:06

Active Dec 01 '22 at 13:23

Viewed 52 times

I have this data that I need to display from my database and it was a <a> tag. I've tried doing this But the output was only like this:

Payment

I want an output like this

Payment

**EDIT: ** This tag is from database:

<a routerLink="/main/payment/5728068320760030">Payment</a>

What I did in the Html part was like this:

<div innerHtml="x.Purpose"></div>

Still, the output is like this:

Note: I just want to use the <a> for my users to go easily to that path

Payment

edited Dec 01 '22 at 13:23

asked Dec 01 '22 at 13:06

Biax20

1

Can you try `
` (with square brackets and upper-case "HTML"?
– Ivar Dec 01 '22 at 13:20
Be aware that if the HTML can be altered by regular users, your site might become vulnerable to Cross Site Scripting (XSS) attacks. – Ivar Dec 01 '22 at 13:21
@Ivar I did what you said, still nothing happen it is just showing the word Payment – Biax20 Dec 01 '22 at 13:21
@Ivar do you have any recommendations then? – Biax20 Dec 01 '22 at 13:22
What happens if you just use `
{{x.Purpose}}
`? Does it then show the HTML as text? Or still just "Payment"? – Ivar Dec 01 '22 at 13:25
If you Google for "Cross Site Scripting" or "XSS, there will be plenty of information on the subject. – Ivar Dec 01 '22 at 13:28
if i use the
{{x.Purpose}}
it would literally show stuff – Biax20 Dec 01 '22 at 13:34
https://stackoverflow.com/questions/71220617/angular-12-d3-tree-displaying-a-routerlink – Eliseo Dec 01 '22 at 14:46

0 Answers0