从扩展模板覆盖包含模板中的金佳挡路

问题描述

我有一个带有Materialize CSS框架的Flask项目。我想根据用户正在查看的当前页面将class="active"添加到导航菜单中的li元素。我的主模板包括一个带有菜单的模板，菜单为每个项目的类定义一个挡路。呈现的模板扩展Main并覆盖其中一个块，但这不起作用。如何覆盖在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 %}

推荐答案

此行为似乎合乎逻辑，但当前您无法从子模板覆盖包含的挡路。此功能已implemented一次，但由于具有一些向后不兼容的副作用而被恢复。

但当然也有解决办法。最简单的解决方案是将每个挡路定义放在main.html模板中，然后在homepage.html中进行扩展就可以了。

main.html

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

这篇关于从扩展模板覆盖包含模板中的金佳挡路的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！