aem - 如何在sightly/HTL中为类属性值添加作者/编辑模式条件。？

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”值添加到类属性中。

标签： aemsightlyaem-6htl

Answer 1

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

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

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

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

HTL 规范供参考。