如何设置 div 的背景图像，其值来自于轻巧组件 AEM 中的对话框（图像 url）？

Question

我正在使用 AEM 6.1 处理一个简单的组件。我有一个对话框，从中获取图像 url，我想将该图像设置为 div 的背景。

我正在做的是：

<div class="hero" style= "background-image:url('/content/dam/home/hero.jpg');" >

因此，/content/dam/home/hero.jpg值将作为对话框属性出现

我正在尝试作为..

<div class="hero" style= "background-image:url('${properties.bgimage}');" >

它不工作。如何从对话框属性设置背景图像？

Answer 1

Sightly 不会自动检测样式和脚本中表达式的上下文。我们需要明确地提供它。

<div class="hero" style="background-image:url('${properties.bgimage @ context='styleString'}');" >

更多关于显示上下文在这里。