在 symfony 中的导航栏上从 base.html.twig 激活链接

Question

我在堆栈和任何其他来源上研究了很多东西。 我发现了一些有趣的想法，但无法应用它们，因为我是一名学生，而且还不知道将东西直接放在正确的位置。

所以我在base.html.twig中得到了这个代码

<ul class="nav navbar-nav">
                    <li class="active">
                        <a href="{{ path('book_index') }}">Accueil<span class="sr-only">(current)</span></a>
                    </li>
                    <li><a href="{{ path('book_ourBooks') }}">Nos livres</a></li>
                    <li><a href="{{ path('book_aboutUs') }}">Être édité</a></li>
                </ul>

我希望，在不使用 Jquery 的情况下，当我单击链接并转到该页面时能够显示活动状态。

我发现了这样的代码：

class="{% if app.request.attributes.get('_route') == '_list' %}active{% endif %}"

（和其他看起来几乎相似的东西）但我真的不知道如何以及在哪里将它与我自己的链接等放在一起。 如果有任何帮助，将不胜感激，谢谢：）

ps：我使用的是 symfony 2.8

Answer 1

您需要像这样在li's插入代码：

           <ul class="nav navbar-nav">
                <li class="{% if app.request.attributes.get('_route') == '_RouteName' %}active{% endif %}">
                    <a href="{{ path('book_index') }}">Accueil<span class="sr-only">(current)</span></a>
                </li>
                <li class="{% if app.request.attributes.get('_route') == '_RouteName' %}active{% endif %}">
                 <a href="{{ path('book_ourBooks') }}">Nos livres</a>
                </li>
                <li class="{% if app.request.attributes.get('_route') == '_RouteName' %}active{% endif %}">
                <a href="{{ path('book_aboutUs') }}">Être édité</a>
                </li>
            </ul>

为每个链接用正确的_route替换_RouteName 。

Answer 2

我知道这个问题已经得到解答，但我找到了一种适用于不同情况的巧妙方法，这可能会帮助像我一样有子菜单的人：

您可以在 twig 中的字符串内搜索 substring

{# returns true #}

{{ 'ca' in 'car' }}

我对路线和导航所做的以使链接处于活动状态

<li>
    <a href="{{ url('admin_agency_index') }}"
       class="{% if 'admin_agency_' in app.request.attributes.get('_route') %}active{% endif %}">
        <i class="lnr lnr-apartment"></i>
          <span>Agencies</span>
    </a>
</li>

我的代理路线命名如下：

• admin_agency_new
• admin_agency_edit
• admin_agency_delete

在这种情况下，例如，如果您到达添加代理的子菜单，您的 html 中仍将有活动的 class。