如何使用角度4中的setElementStyle设置背景图像

Question

我尝试使用setElementStyle设置背景图片，如下所示但不起作用。

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

我也试过了，

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

如果可以使用setElementStyle设置背景图片，请告诉我？

谢谢。

Answer 1

setElementStyle来自Renderer。它是折旧的。 Renderer2使用setStyle：

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

导入它：

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

Answer 2

将this.backgroundImageUrl放在url（）内，然后上面的代码可以正常工作。

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