Bootstrap Django：仅在选项卡中显示活动字段

Question

我有两个标签：

 <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="open-tab" data-toggle="tab" href="#open" role="tab" aria-controls="open" aria-selected="true">Active Projects</a> </li> <li class="nav-item"> <a class="nav-link" id="close-tab" data-toggle="tab" href="#close" role="tab" aria-controls="close" aria-selected="false">Inactive Projects</a> </li> </ul>

应用程序的模型有一个字段 {{app.is_active}}。

使用脚本过滤选项卡是否是仅在活动选项卡中显示“活动项目”和非活动选项卡中的“非活动项目”的最佳选择？

非常感谢，

Answer 1

如果您不使用 django rest 框架工作。 它有一个简单的解决方案：

<ul class="nav nav-tabs" id="myTab" role="tablist">
    {% for item in app_list %}
        {% if item.is_active %}
              <li class="nav-item active">
                   <a class="nav-link active" id="open-tab" data-toggle="tab" href="#open" role="tab" aria-controls="open" aria-selected="true">{{ item }}</a>
             </li>
      {% else %}
             <li class="nav-item">
                   <a class="nav-link" id="close-tab" data-toggle="tab" href="#close" role="tab" aria-controls="close" aria-selected="false">{{ item }}</a>
            </li>
        {% endif %}
   {% endfor %}
</ul>