如何通过javascript使django include标记中的侧栏中的元素处于活动状态？

我在sidebar.html中创建了侧边栏 并通过django include标记将其包含在main.html和dashboard.html中，以减少数据冗余->

         {% include 'employee/sidebar.html' %}

         {% block content %}
 
         {% endblock %} 

现在我如何根据不同的页面激活不同的元素（在侧边栏中）？ 例如，当我在dashboard.html上时，dashboard应该在侧边栏中处于活动状态

这里是sidebar.html

  <ul>

    <li class="nav-item">
    <a class="nav-link" href="admin_dashboard.html">
        <span>Dashboard</span></a>
   </li>


    <li class="nav-item">
    <a class="nav-link" href="main.html">
        <span>Create</span></a>
   </li>


 </ul>

您应该使用标记获取其他视图/URL的路径，此标记将参数

作为变量存储，如果当前路径与URL匹配，则此变量可用于添加类

<ul>
  {% url 'dashboard' as dashboard_url %}
  <li class="nav-item {% if request.path == dashboard_url %}active{% endif %}">
    <a class="nav-link" href="{{ dashboard_url }}"><span>Dashboard</span></a>
  </li>
  {% url 'main' as main_url %}
  <li class="nav-item {% if request.path == main_url %}active{% endif %}">
    <a class="nav-link" href="{{ main_url }}"><span>Create</span></a>
  </li>
</ul>


{%url“dashboard”作为dashboard_url%}


{%url'main'作为主url%}



你能分享
员工/sidebar.html
的内容吗？可以这样做的一种方法是将来自
request.path
的当前路径与导航项目的路径进行比较