Question

我试图获得如下输出：图片1 .... required ouput

我正在为页脚组件编写以下代码段-

<div class="ftrsection" data-sly-repeat="${currentPage.listChildren}">
				<h3 data-sly-test.child="${item.title}" >${child}</h3>      
				<ul class="footermenu">
					<li data-sly-repeat.child1="${currentPage.listChildren}">
						<a href="${item.path}.html" title="${item.title}" class="">${child1.title}</a> 
					</li>        

				</ul>
			</div>

我正在实现以下输出-Generated output。

我在aem中的网站结构为Site structure in aem。

我正在尝试获取根页面的子页面中的子页面。

第一级子页面（探索，体验，住宿，品味，这就是Bhubaneswar）应该是图2中页脚的页眉。子页面（第2级）（传统电路，这些子页面（第1级）（探索）中的“ Temples”（寺庙）应位于其下方。但是我得到了错误的输出。

Answer 1

您的第二次迭代（data-sly-repeat）再次列出了当前页面的子代。我相信您想列出当前item的子页面：

<div class="ftrsection" data-sly-repeat="${currentPage.listChildren}">
                <h3 data-sly-test.child="${item.title}" >${child}</h3>      
                <ul class="footermenu">
                    <li data-sly-repeat.subpage="${item.listChildren}">
                        <a href="${subpage.path}.html" title="${subpage.title}" class="">${subpage.title}</a> 
                    </li>        

                </ul>
            </div>

如何在Aem中直观显示当前页面的子页面的子页面？

1 个答案: