从扩展模板覆盖包含模板中的Jinja块

Question

我有一个带有Materialize CSS框架的Flask项目.我想根据用户正在查看的当前页面添加class="active"到li导航菜单中的元素.我的主模板包含一个带菜单的模板,菜单为每个项目的类定义一个块.渲染的模板扩展main并覆盖其中一个块,但这不起作用.如何覆盖包含中定义的块？

main.html

<div class="menu_container">
    {% include "menu_items.html"%}
    {% block body %}{% endblock %}
</div>

menu_items.html

<li class="{% block home_active %}{% endblock %}">Homepage</li>
<li class="{% block other_page_active %}{% endblock %}">Other Page</li>

homepage.html

{% extends main.html %}
{% block home_active %}active{% endblock %} #Trying to add class active, doesn't work.
{% block body %}
    # Homepage content goes here
{% endblock %}

Answer 1

此行为似乎合乎逻辑,但目前您无法覆盖子模板中的包含块.此功能已实施一次,但由于它具有一些向后不兼容的副作用而被还原.

但当然有一种解决方法.最简单的解决方案是将每个块定义放在main.html模板中,然后将其扩展为homepage.html可行.

第二种解决方案是使用全局变量,因为子模板中的赋值是全局的,并且在评估模板之前执行.这是一个例子:

main.html

这里我们定义一个变量active_item,可以从子模板中覆盖.我们也为它设置了默认值.

{% set active_item = active_item|default('home') %}
<div class="menu_container">
    {% include "menu_items.html"%}
    {% block body %}{% endblock %}
</div>

menu_items.html

我们active根据active_item变量将类添加到项目中.

<li class="{% if active_item == 'home' %}active{% endif %}">Homepage</li>
<li class="{% if active_item == 'other' %}active{% endif %}">Other Page</li>

homepage.html

在此模板中,我们为active_item变量设置了一个值.

{% extends 'main.html' %}    
{% set active_item = 'home' %}

{% block body %}
    # Homepage content goes here
{% endblock %}