如何在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元素）。然后，您可以在data-sly-test元素上使用li并对照当前资源/页面路径检查每个项目路径：

<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>