这是我在 HTL 文件 footer.html 中编写的代码，我在这里使用的是可编辑模板。
<div class="6u">
<div class="row collapse-at-2">
<sly data-sly-test="${footer.arr}">
<sly data-sly-repeat="${footer.arr}">
<sly data-sly-resource="${'column${itemList.index}' @resourceType='aem-site/components/structure/footer/footerList'}"></sly>
</sly>
</sly>
</div>
</div>
并且 footerList.html 文件有这段代码（它现在是硬编码的，但它不是最终代码）
<div class="6u">
<h3>Accumsan</h3>
<ul class="alt">
<li><a href="#">Nascetur nunc varius</a></li>
<li><a href="#">Vis faucibus sed tempor</a></li>
<li><a href="#">Massa amet lobortis vel</a></li>
<li><a href="#">Nascetur nunc varius</a></li>
</ul>
</div>
我在编辑组件时遇到了一些奇怪的问题。这是组件在页面上的样子：
我期望 footerList 组件显示为两个单独的组件，每个组件包含一列，因为 footer.html 中 ${footer.arr} 的值为 2。但它看起来像是一个包含两列的组件。
我面临的另一个问题是我没有获得编辑组件的选项，如下图所示：
这就是组件在 CRXDE 中的外观
如果需要任何进一步的信息，请告诉我。