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 休息框架。 它有一个简单的解决方案：

<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>