样式上的html条件

Question

<div style="${properties.position == 'bottom'? 'bottom: ${properties.HeightValue}' : ': unset' @ context='styleString'}">

你好伙计们，我试图在我的AEM的内联风格代码中添加一个条件，两个值都存在。我只能看到第一种情况，${properties.position == 'bottom'起作用，但${properties.HeightValue}显示为字符串。

ON DOM，如下图所示:<div style="bottom: ${properties.HeightValue}">

我尝试了一些其他的方法，但仍然没有工作，不知道你们是否知道如何解决这个问题。

我也试过这个方法，没有工作好:top: ${properties.position == 'bottom'? '${properties.HeightValue}' : '0''}谢谢你！

Answer 1

不能嵌套这样的表达式。你可以做的是去掉固定的部分，只留下三进制中的变量:

<div style="bottom: ${properties.position == 'bottom' ? properties.HeightValue : 'unset' @ context='styleString'}">