Sightly - 清单 HTL 上的空检查答案

【问题标题】：Sightly - Empty check on list HTLSightly - 清单 HTL 上的空检查
【发布时间】：2020-09-06 07:56:29
【问题描述】：

如何查看 Sightly 上的空列表？如果 itemImgaeList 上没有项目，我想阻止呈现项目列表 DIV。但是，如果在尝试使用时没有任何物品，它总是会返回一 (1) -

LIST_SIZE_PRINT = "${container.itemImgaeList.size}"; // retrun 1

HTL：

<div data-sly-test="${container.itemImgaeList.size > 1}">
  <sly data-sly-list.imageList="${container.itemImgaeList}">
    <div class="item-list">
        <picture>
            <img alt="${imageList.qlImageText}" src="${imageList.qlImagePath}" />
        </picture>
    </div>
  </sly>
</div>

有什么帮助吗？

【问题讨论】：

标签： aem sightly

【解决方案1】：

data-sly-list 可以用来实现上面的列表元素只在列表不为空时才渲染的需求。

检查列表不需要使用“data-sly-test”，因为检查是否为空是由 data-sly-list 固有的。

这是一个使用 data-sly-list 的工作示例：

<div class="item-list" data-sly-list.item="${container.itemImgaeList}">
    <picture>
        <img alt="${item.qlImageText}" src="${item.qlImagePath}" />
    </picture>
</div>

【讨论】：