как установить фоновое изображение div, значение которого поступает из диалогового окна (URL изображения) в sightly component AEM?

#html #aem

#HTML #aem

Вопрос:

Я работаю над компонентом sightly, используя 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}');" >

Он не работает. Как я могу установить фоновое изображение из свойства dialog?

Ответ №1:

Sightly не определяет контекст выражений в стиле и сценариях автоматически. Нам нужно предоставить его в явном виде.

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

Подробнее о контексте отображения здесь .

Ответ №2:

@context=’uri’ также будет вариантом, поскольку технически это URI, который ожидает свойство css.