Aem Sightly（HTL）列表迭代

如何在Sighly中迭代字符串值的arrayList

---

使用我的后端java类，我得到了一个ArrayList，返回给我。如何迭代并显示它们？

您能尝试一下数据列表吗

例如：

<ul data-sly-list.myitem="${mylist}" data-sly-unwrap>
  <li>${myitem}</li>
</ul>

${myitem}

您可以使用

data sly list

或

data sly repeat

在HTL中迭代集合/可重用项。两者的工作原理相同，唯一的区别是，

data-sly-repeat

不需要容器，而

data-sly-list

需要容器

用法：

方法1

<ul data-sly-list="${someList}">
    <li>${item}</li>
</ul>

${item}

方法2

<ul>
    <li data-sly-repeat="${someList}">${item}</li>
</ul>

${item}

两者产生的输出相同，如下所示

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
</ul>

项目1
项目2
项目3

---

有关

数据列表的更多信息，请使用容器，如请参阅示例以更好地理解

我有以下清单

test1
test2
test3
test4

<div data-sly-list="${ currentPage.listChildren }">
      ${item.name}
</div>

当您在调试器中查看HTML元素结构时，它将是——

<div>
   Test1
   Test2
   Test3
   Test4
<div>

---

如何检查mylist是否为空？

<div>
   Test1
   Test2
   Test3
   Test4
<div>

<div data-sly-repeat="${ currentPage.listChildren }">
      ${item.name}
</div>

test1
test2
test3
test4