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

Question

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

10

我有一个使用Materialize CSS框架的Flask项目。我想根据用户当前浏览的页面，在导航菜单中的li元素中添加class="active"。我的主模板包括一个带有菜单的模板，该菜单为每个项目的类定义了一个块。渲染的模板扩展了主模板并覆盖了其中一个块，但这样做不起作用。我如何覆盖在include中定义的块？ 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 %}

- Michael Yousrie

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dauros · Accepted Answer

这种行为看起来很合理，但目前无法覆盖子模板中包含的块。这个功能曾经实现过一次，但由于存在一些不兼容的副作用而被撤销了。

当然有一个解决方法。最简单的解决方案是将每个块定义都放在 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_item 来给一个项目添加 active 类。

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