I need change the background image dynamically. I’ve already tried: document.getElementById("component-id"); and: this.app.getComponent(‘component-id’).style.backgroundImage nothing works! thx

[image] realino: I need change the background image dynamically. @realino You could try the following: <div id="component-id" [style.backgroundImage]="'url(' + bgImage + ')'">  </div> // page.ts // ... this.bgImage = 'path/to/image.jpg'; // ... If this doesn’t work in y…

Its hard to give a good helping answer without a good code example of what you are working with. Can you provide some more code?

This solution not working with beta 7 anymore. I dont know why but this is working: <div id="component-id" [style.backgroundImage]="'url(www.domain.com/path/img.jpg)'">  </div> but this is not: <div id="component-id" [style.backgroundImage]="'url(www.domain.com/path/'+bgImageVaria…

I’m guessing you’re banging into recent angular changes regarding sanitization .

Edit: http://stackoverflow.com/questions/37076867/in-rc-1-some-styles-cant-be-added-using-binding-syntax OK. I think there is no solution in this topic, there is only consulting. Is there any workaround or something else?

@dtaalbers thanks, i missed the + sign

Can anyone please help me in similar situation but with canvas background image. It works with <img… /> <img id="myimage" [src]='thumbnail' height='500' width='500' /> but doesn’t work with <canvas … /> <canvas id="canvas5" width="100" height="100" [ngStyle]="{'background-image':'url(' + thu…

Do you get any error? What’s the result you expect and what do you get?

Change style background image dynamically

Ionic Framework ionic-v3

dtaalbers June 6, 2016, 5:09am 7

This has been working for me with beta 7

[ngStyle]="{'background-image': 'url(' + your url + ')'}"

Dynamic tab icons

Topic		Replies	Views
Set background-image by variable ionic-v3	2	6767	February 10, 2018
Ionic toolbar dynamically change background image Ionic Angular	0	1317	March 30, 2020
Set background-image with condition (if... else) ionic-v3	3	2747	June 28, 2016
How to bind background-image to typescript side ionic-v3	1	3653	March 17, 2017
Dynamic background image ionic-v3	1	459	June 3, 2018

Change style background image dynamically

Related topics