Django - 根据网页更改事件导航栏模板

Question

我的 html 中有一个看起来像这样的模板。它使用 Bootstrap 类。

  <-- navbar-template.html>
  <div class="collapse navbar-collapse" id="myNavbar">
    <ul class="nav navbar-nav">
      <li><a href="/home/">Home</a></li>
      <li class='active'><a href="/members/">Members</a></li>
      <li><a href="#">Research</a></li> 
      <li><a href="#">Publications</a></li>
      <li><a href="#">Links</a></li>  
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
    </ul>
  </div>

我喜欢 active 类，但我需要根据导航栏 django 加载的页面更改它所基于的列表对象。

我想你想在 home.html 文件中做这样的事情

<-- HOME -->
{% include "navbar_template.html" with page="home"}  %}

###Do something with {{page}} variable in order to set the home list tag to active.

我是否必须编写大量的 if else 语句，或者是否有更简单的方法。也许与 django 中的 views.py 有关

Answer 1

你可以这样做(我在我的页面上使用的示例解决方案):

<ul class="sidebar-nav--primary">
  {% url 'main:home' as home %}
  {% url 'main:work' as work %}
  {% url 'main:personal' as personal %}

  <li><a href="{{ home }}" {% if request.path == home %}class="active"{% endif %}>Home</a></li>
  <li><a href="{{ work }}" {% if request.path == work %}class="active"{% endif %}>Work</a></li>
  <li><a href="{{ personal }}" {% if request.path == personal %}class="active"{% endif %}>Personal</a></li>

</ul>