AEM - 无法在组件

Question

以下是我在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中的外观

如果需要进一步的信息，请告诉我。

Answer 1

您的footerList组件需要通过容器组件包含才能进行编辑。您可以将它们直接包含在顶级容器中（在本例中为响应式网格），也可以将footer组件设置为容器（通过扩展响应式网格 - 请参阅Core Components Form Container）