CODEWITHSUNDEEP
angular
Venkat
Venkat

Reputation: 448

how to set background image using setElementStyle in angular 4

I'm trying to set background image using setElementStyle as below but not working.

this.renderer.setElementStyle(document.body, 'backgroundImage', this.backgroundImageUrl);

I also tried,

this.renderer.setElementStyle(document.body, 'background-image', this.backgroundImageUrl);

Please let me know if it's possible to set background image using setElementStyle?

Thank you.

Upvotes: 2

Views: 634

Answers (2)

Santosh Shinde
Santosh Shinde

Reputation: 1212

Put this.backgroundImageUrl inside url() then above code will work fine.

this.renderer.setStyle(document.body, 'backgroundImage', 'url('+this.backgroundImageUrl+')');

Upvotes: 0

user8512285
user8512285

Reputation:

setElementStyle is from Renderer. And it is depreciated. Renderer2 uses setStyle:

setStyle(el: any, style: string, value: any, flags?: RendererStyleFlags2): void

And import it:

import { Renderer2 } from '@angular/core';

Upvotes: 1

Related Questions