URL in string interpolation not clickable : Angular 8

Asked Aug 25 '20 at 16:51

Active Aug 25 '20 at 16:51

Viewed 17 times

I have a variable which contains text as well as a URL, When I am putting that variable within string interpolation the link within anchor tag is showing as plain text.

Question : how I can make the url clickable within string interpolation.

Component.ts

public textWithURL : string = 'Google - <a href="https://www.google.com">https://www.google.com</a>';

Component.HTML

<div>
   <p>{{ textWithURL }}</p>
</div>

asked Aug 25 '20 at 16:51

Swagata Adhikary

1

That will be because Angular doesn't trust the contents of `textWithURL`, this is done to try and prevent XSS attacks! – phuzi Aug 25 '20 at 16:57
@phuzi, Awesome and thank you. It is working – Swagata Adhikary Aug 25 '20 at 16:59

URL in string interpolation not clickable : Angular 8

0 Answers0