我有一个如下的 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”值添加到类属性中。
HTL 为编写测试条件提供了更好的灵活性，避免了使用 JSTL 样式的 if 条件。您的代码可以很容易地编写如下所示
<div id="mydivid" class="abcd xyz ${wcmmode.disabled ? '' : 'myclass'}"></div>
如果您不想发布任何课程，那么
<div id="mydivid" class="${wcmmode.disabled ? '' : 'abcd xyz myclass'}"></div>
HTL 规范供参考。
<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 的相应类