Question

我有一个如下的HTML代码段。

 <div id="mydivid" class="abcd xyz myclass">
....
...
</div>

我用下面的方式写了它。但是它并没有显示wcmmode = disabled的整个潜水过程。

<div data-sly-test.editor="${wcmmode.edit || wcmmode.design}">
<div id="mydivid" class="abcd xyz myclass">
</div>
....
...
<div data-sly-test.editor="${wcmmode.edit || wcmmode.design}">
</div>
</div>

有什么方法可以仅在作者模式下而不在AEM页面的预览或禁用模式下单独将“ myclass” 值添加到class属性。

Answer 1

HTL提供了更好的灵活性来编写测试条件，从而避免使用JSTL样式的条件。您的代码可以很容易地编写，如下所示

<div id="mydivid" class="abcd xyz ${wcmmode.disabled ? '' : 'myclass'}"></div>

如果您不想发布任何课程，那么

<div id="mydivid" class="${wcmmode.disabled ? '' : 'abcd xyz myclass'}"></div>

HTL specification供参考。

Answer 2

<sly data-sly-test="${wcmmode.edit}">
<div id="mydivid" class="abcd xyz myclass">
</div>
</sly>
<sly data-sly-test="${wcmmode.disabled}">
<div id="mydivid" class="abcd xyz">
</div>
</sly>

尝试一下，因为它将仅在编辑模式下显示myclass，在wcmode = disabled模式下，它将显示不带myclass的可替换类

如何在类别属性值的可见/ HTL中添加作者/编辑模式条件？？

2 个答案: