python - 我的 Django 模板中的 "Else if"语句出现在 HTML 标题 block 之后

Question

我有一些数据从我的 View 传递到我的模板，每当 else if 语句为真(即 if 语句为假)时，该语句出现在我的 HTML header() 之后。
我的主要问题是为什么 else 块不在我将它放在代码中的 HTML header 下

模板.html

<table class="table table-borderless table-data3">
    <thead>
        <tr>
            <th>No</th>
            <th>Email</th>
            <th>Telephone</th>
            <th>Country</th>
            <th>Status</th>
            <th>Image</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% if supplier %}
        {% for supplier in suppliers %}
        <tr>
            <td>{{forloop.counter}}</td>
            <td>{{supplier.email}}</td>
            <td>{{supplier.telephone}}</td>
            <td>{{supplier.country}}</td>
            <td class="process">Active</td>
            <td>{{supplier.image.url}}</td>
            <td>
                <div class="table-data-feature">
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Edit">
                        <i class="zmdi zmdi-edit"></i>
                    </button>
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Delete">
                        <i class="zmdi zmdi-delete"></i>
                    </button>
                </div>
            </td>
        </tr>
        {% endfor %}
        {% else %}
            <h2>No supplier available</h2>
        {% endif %}
    </tbody>
</table>

Answer 1

您可以使用 {% for ... %}...{% empty %} django 模板标签。例子:
HTML

        {% for supplier in suppliers %}
        <tr>
            <td>{{forloop.counter}}</td>
            <td>{{supplier.email}}</td>
            <td>{{supplier.telephone}}</td>
            <td>{{supplier.country}}</td>
            <td class="process">Active</td>
            <td>{{supplier.image.url}}</td>
            <td>
                <div class="table-data-feature">
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Edit">
                        <i class="zmdi zmdi-edit"></i>
                    </button>
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Delete">
                        <i class="zmdi zmdi-delete"></i>
                    </button>
                </div>
            </td>
        </tr>
        {% empty %}
             <div><h2>No Suppliers Available</h2></div>
        {% endfor %}