twig - 如何在 Twig 中更改没有 js 的事件菜单？

Question

我正在使用 Twitter Bootstrap和 Symfony 2 with Twig。我的所有页面都有这个:

<div class="navbar navbar-inverse navbar-static-top"> 
            <div class="navbar-inner">
                <a class="brand" href="{{ path('home') }}">BudgetTracker</a>
                <ul class="nav">
                    <li class="active"><a href="{{ path('expenses') }}">Expenses</a></li>
                    <li><a href="#about">Reports</a></li>
                    <li><a href="{{ path('categories') }}">Categories</a></li>
                    <li><a href="#contact">Months</a></li>
                    <li><a href="#contact">Bank Accounts</a></li>
                    </ul>
            </div>
</div>

我不想在每个页面上复制它......问题是应该只为当前页面放置类 active 属性。有没有不使用 JavaScript 的方法，只使用一些宏或包含之王？非常感谢您提前!

更新

<div class="navbar navbar-inverse navbar-static-top"> 
    <div class="navbar-inner">
        <a class="brand" href="{{ path('home') }}">BudgetTracker</a>
        <ul class="nav">
            {% if var == 'Expenses' %}
            <li class="active"><a href="{{ path('expenses') }}">Expenses</a></li>
            {% else %}
            <li><a href="{{ path('expenses') }}">Expenses</a></li>
            {% endif %}

            {% if var == 'Reports' %}
            <li class="active"><a href="#">Reports</a></li>
            {% else %}
            <li><a href="#">Reports</a></li>
            {% endif %}

            {% if var == 'Categories' %}
            <li class="active"><a href="{{ path('categories') }}">Categories</a></li>
            {% else %}
            <li><a href="{{ path('categories') }}">Categories</a></li>
            {% endif %}

            {% if var == 'Months' %}
            <li class="active"><a href="#">Months</a></li>
            {% else %}
            <li><a href="#">Months</a></li>
            {% endif %}

           {% if var == 'Bank Accounts' %}
            <li class="active"><li><a href="#">Bank Accounts</a></li>
            {% else %}
            <li><li><a href="#">Bank Accounts</a></li>
            {% endif %} 
            </ul>
    </div>
</div>

我不是很优雅的尝试。我称之为:

{% include 'EMBudgetTrackerBundle::navbar.html.twig' with {'var':'Categories'} %}

Answer 1

这很简单:

将其定义为单枝{% block menu_block %} //your content here {% endblock %}

在每个页面中使用您的块{% block menu_block %} {{ parent() }} {% endblock %}

在当前菜单元素上为您的类创建条件语句。显然，您必须将页面的名称或 ID 传递给您的 Twig (或从请求中检索，即)，以完成您要执行的操作