Dynamic images - evaluation of [src] in injected text

@trollanfer wrote:

I want to display blob images called in some text which comes from a dataservice.
I have this issue :

• If I hard code the image display in the html page,

<img [src]="this.sanitizer.bypassSecurityTrustUrl(displayimage('png.png'))">

It’s fine, I get the image displayed, with this node inserted in the DOM :

<img _ngcontent-c0="" src="blob:http://localhost:8100/fd77a601-3343-4b14-b29f-0aaaf21a4d1b">

• But that is not what I want : I want to be able to call this image form the text stored in my database, so I can insert an image where I want.
  When I try the same type of [src] inserted in the text :

"...text...<img [src]=\"this.sanitizer.bypassSecurityTrustUrl(displayimage('png.png'))\">...text..."

I have this inserted :

<img [src]="this.sanitizer.bypassSecurityTrustUrl(displayimage('png.png'))">

But it’s not evaluated…

Is there a solution?

Posts: 1

Participants: 1

Read full topic