如何在aem中显示当前页面的父页面的每个子页面？

Question

我想在aem的组件中显示当前页面的父页面的所有子页面的名称，除了当前页面。但是我的输出包括当前页面名称。

 <section id="touractivities">
            <div class="container">
                 <div class="row">
                    <div class="col-sm-12">
                         <ul class="row buttontab">
                           <li class="col-md col-sm-4 col-6"  data-sly-repeat="${CurrentPage.parent.listChildren}">
                              <div class="btnbggradient">
                                        <a href="${item.path}.html" class="shadow">
                                        <i class="icon-${item.name}"></i>
                                        <h5 >${item.title}</h5>
                                        </a>
                                    </div>
                                </li>
                              </ul>
                    </div>
                </div>
        </div></section>

我的 aem 结构：

要求输出：

我得到的输出：

代码正确，只是我在观鸟页面时观鸟李不应该来。

Answer 1

您可以从 data-sly-repeat 切换到 data-sly-list（这样您就可以将其移动到 ul 元素）。然后，您可以在 li 元素上使用 data-sly-test 并根据当前 resource/page 路径检查每个项目路径：

<li data-sly-test=“${item.path != resource.path}” ...

Answer 2

<section id="touractivities">
                <div class="container">

                    <div class="row">
                        <div class="col-sm-12">
                            <ul class="row buttontab" data-sly-list="${CurrentPage.parent.listChildren}">

                                   <li class="col-md col-sm-4 col-6" data-sly-test="${item.path != currentPage.path}" >
                                        <div class="btnbggradient">
                                            <a href="${item.path}.html" class="shadow">
                                            <i class="icon-${item.name}"></i>
                                            <h5 >${item.title}</h5>
                                            </a>
                                        </div>
                                    </li>

                            </ul>
                        </div>
                    </div>
            </div></section>

如何在aem中显示当前页面的父页面的每个子页面？

How to display every sub page of the parent of the current page in aem?

aem

sightly