Điều kiện trong mẫu

Thuộc phần Kiến thức cơ bản về Django trong hành trình Django của Coddy. Bài học 14 trên 23.

Máy pha sô cô la nóng bị hỏng. Mỗi loại đồ uống giờ có giá trị "sold_out", True hoặc False, và danh sách cần đánh dấu những món bạn không thể gọi.

Thẻ {% if %} chỉ hiển thị phần nội dung tương ứng khi điều kiện đúng. Một danh sách bàn:

{% for table in tables %}
    <li>
        Table {{ table.number }}:
        {% if table.free %}Free{% else %}Taken{% endif %}
    </li>
{% endfor %}

Giống như if trong Python, thẻ này có thể dùng {% elif %} và {% else %}, so sánh bằng ==, <, and, or và not, rồi kết thúc bằng {% endif %}. Bên trong vòng lặp, hãy đọc giá trị của phần tử thông qua tên vòng lặp: table.free. Tên trần free không có trong ngữ cảnh, được xem là false và phần nội dung tương ứng sẽ không bao giờ hiển thị.

Thử thách

Dễ

Trong drinks.html, bên trong mỗi <li class="drink"> và sau tên đồ uống, chỉ thêm <span class="sold-out">Sold out</span> khi đồ uống đó đã hết.

Nhấn Chạy: trên /drinks/, chỉ Hot Chocolate hiển thị Sold out.

Tự làm thử

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Our Drinks</title>
</head>
<body>
    <h1>Our Drinks</h1>
    <ul>
        {% for drink in drinks %}
            <li class="drink">{{ drink.name }}</li>
        {% empty %}
            <li>No drinks today.</li>
        {% endfor %}
    </ul>
</body>
</html>