基于 url 传递的 pk 的活动 nav-item 突出显示

Question

我有 4 个导航项正在根据 Django 模型条目动态生成。

我的模板代码如下：

{% for stockbroker in stockbrokers %}
    <li class="nav-item">
        <a class="nav-link" href="{% url 'broker:display_stocks' stockbroker.id %}" id="nav">{{ stockbroker.broker_name }}
        </a>
    </li>
{% endfor %}

我想根据我在 a 标签 href 的 url 部分中传递的 id 突出显示当前活动的导航。有没有可能做到这一点？

我正在使用 context_processors.py 在 base.html 中生成这些导航链接

from .models import StockBroker


def stockbrokers(request):
    return {'stockbrokers': StockBroker.objects.all()}

Answer 1

if 条件应该适用于此：

{% for stockbroker in stockbrokers %}
    <li class="nav-item">
        <a class="nav-link {% if stockbroker.id == current_id %}active{% endif %}" href="{% url 'broker:display_stocks' stockbroker.id %}" id="nav">{{ stockbroker.broker_name }}
        </a>
    </li>
{% endfor %}

注意：current_id（或您喜欢的变量名称）应在上下文中传递。
上下文是渲染模板时传递的字典，例如：

def my_view(request):
    # View Code
    return render(request, 'template_name.html', {'current_id': current_id})