我可以使用 Sighlty 从 Java 模型中每两个元素添加一个列表的 html 组件吗？

如何解决我可以使用 Sighlty 从 Java 模型中每两个元素添加一个列表的 html 组件吗？

我需要使用稍微从模型Java中迭代列表的每两个元素。 所以我可以每两个元素添加一个html组件。

你能帮我吗？

解决方法

根据HTL specification：

额外的 itemList（如果自定义标识符/变量是使用 data-sly-list 定义的，则分别为 List。）标识符也在范围内可用，具有以下成员：

• index：从零开始的计数器 (0..length-1);
• count：从一开始的计数器（1..length）；
• first：第一个被迭代的元素为真；
• middle: 如果被迭代的元素既不是第一个也不是 > * 最后一个，则为真；
• last：对于被迭代的最后一个元素为真；
• odd：如果计数为奇数则为真；
• even：如果计数为偶数，则为 true。

因此，在您的情况下，自定义标识符为 listIcon，您需要测试 listIconList.even 而不是 boxSPID.listIcon.even。

对于您的代码段，如果您想为每个偶数元素插入一个 row：

<sly data-sly-test="${boxSPID.listIcon}"
     data-sly-list.listIcon="${boxSPID.listIcon}">
    ${listIconList.count} <!-- You can remove this line,it's just for debug -->
    <div class="row" data-sly-test="${listIconList.even}">
        <div class="${listIcon.iconValue}">
            ${listIcon.label}
        </div>
    </div>
</sly>

如果要将两个连续的元素组合到同一行中，可以有条件地添加组开始/结束标记：

<sly data-sly-test="${boxSPID.listIcon}"
     data-sly-list.listIcon="${boxSPID.listIcon}">
    <sly data-sly-test="${listIconList.odd}"><div class="row"></sly>
        <div class="${listIcon.iconValue}">
            ${listIcon.label}
        </div>
    <sly data-sly-test="${istIconList.even || listIconList.last}"></div></sly>
</sly>

或跳过一组元素（偶数）并通过索引引用它们以将它们包含在输出中（奇数）：

<sly data-sly-test="${boxSPID.listIcon}"
     data-sly-list.listIcon="${boxSPID.listIcon}">
    <div class="row" data-sly-test="${listIconList.odd}">
        <div class="${listIcon.iconValue}">
            ${listIcon.label}
        </div>
        <div class="${${boxSPID.listIcon[listIconList.count].iconValue}}" data-sly-test="${boxSPID.listIcon[listIconList.count]}">
            ${boxSPID.listIcon[listIconList.count].label}
        </div>
    </div>
</sly>