通过nodejs和jade从服务器设置内联样式背景图像

Question

我正在寻找一种为具有背景图像和动态参数的元素设置内联样式的方法。

例如：

div(style={'background-image':'url(data.url.from.server)'})

我已经尝试#{data.url.from.server}但它没有帮助。

我应该用data.url.from.server取代什么才能起作用？

Answer 1

你试过这个：

div(style="background-image: url('#{data.url.from.server}');")

我不确定为什么，但你在样式标签后使用花括号。你的引号也不正确。

确保＃{data.url.from.server}实际上为图像提供了正确的网址，并且未定义。

Answer 2

我找到了解决方案。 那么在那些情况下我不得不使用+来结合参数。

所以它会是这样的：

div(style="background-image: url(" + data.Show.ImageUrl + ");")