unsafe value used in a resource URL context Angular Error

Question

Hello Guys I want to show a dynamic pdf. At first it was showing me CORS error. I solved that using DOM Sanitizer. Now it is showing me unsafe url Any Help is appreciated.

HTML Code :

  <iframe src="{{Url}}"></iframe>

TS Code : Here pdfSrc stores the dynamic generated pdf path;

 this.pdfSrc = 'http://192.168.1.183/' + this.pdfPath;
 this.Url = this.sanitizer.bypassSecurityTrustUrl(this.pdfSrc);

Try this one may be help to you. googleweblight.com/i?u=https://www.npmjs.com/package/… — Karnan Muthukumar
– Karnan Muthukumar, Commented Jul 12, 2018 at 4:42
Follow this link angular.io/api/platform-browser/DomSanitizer use this bypassSecurityTrustResourceUrl — Karnan Muthukumar
– Karnan Muthukumar, Commented Jul 12, 2018 at 4:46

JustLearning · Accepted Answer · 2018-11-28 10:31:01Z

15

Finally got the solution just changed the HTML Part & TS PART AS BELOW

<iframe [src]='Url' width="100%" height="1000px"></iframe>

constructor(private sanitizer:DomSanitizer){}

this.Url = this.sanitizer.bypassSecurityTrustResourceUrl(this.pdfSrc);

edited Nov 28, 2018 at 10:31

JustLearning

3,3423 gold badges37 silver badges58 bronze badges

answered Jul 12, 2018 at 6:00

Jignesh Mistry

2,4876 gold badges27 silver badges51 bronze badges

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

3 Comments

Arul Over a year ago

IM getting error like this ERROR Error: NG0904: unsafe value used in a resource URL context (see g.co/ng/security#xss)

Sumit patel Over a year ago

yes @Arul. i am getting same error

Shawking Dec 18, 2024 at 18:09

also getting same error....glad to know it doesnt work for everyone else too

Collectives™ on Stack Overflow

unsafe value used in a resource URL context Angular Error

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