Using dynamic url in angular html gives error.

Question

In my HTML i am using like:

<object #homes style="height:500px;width:1000px" data="{{homesPath}}"></object>

In TS:

constructor(
private homesProfileService: HomesProfileService,
private sanitizer: DomSanitizer) {}

this.homesPath = this.sanitizer.bypassSecurityTrustResourceUrl(
  environment.homesPath
);

But it is giving Error:

Error: unsafe value used in a resource URL context (see http://g.co/ng/security#xss)

Is there anything wrong that i am doing.

Shubhendu Vaid · Accepted Answer · 2018-02-15 12:15:07Z

1

Got it working now by changing a bit in HTML from:

<object #homes style="height:500px;width:1000px" data="{{homesPath}}"></object>

TO:

<object #homes style="height:500px;width:1000px" [data]="homesPath"></object>

But still did not get the reason why the prior one was not working. Can anyone comment on it.

answered Feb 15, 2018 at 12:15

Shubhendu Vaid

5673 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Using dynamic url in angular html gives error.

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related