Perulangan dalam Templat

Termasuk bagian Dasar-Dasar Django dalam perjalanan Django di Coddy. Pelajaran 13 dari 23.

Kafe ini memiliki halaman baru, /drinks/. View-nya meneruskan setiap minuman ke template sebagai drinks, tetapi daftar di halaman itu kosong. Tag {% for %} mengulang HTML satu kali untuk setiap item. Berikut halaman yang mencantumkan meja gratis:

<ul>
{% for table in free_tables %}
    <li>Table {{ table }} is free.</li>
{% empty %}
    <li>Every table is taken.</li>
{% endfor %}
</ul>

Tag ini bekerja seperti for di Python, dengan table diatur ke setiap item secara bergiliran. Template tidak memiliki aturan indentasi, jadi {% endfor %} menutup perulangan. Bagian {% empty %} bersifat opsional dan hanya ditampilkan jika daftar tidak berisi apa pun.

Perulangan hanya melihat nama-nama di context, seperti drinks, bukan variabel di views.py.

Tantangan

Mudah

Di drinks.html, lakukan perulangan pada drinks di dalam <ul>:

satu <li class="drink"> untuk setiap minuman, dengan namanya;
jika tidak ada minuman, gunakan <li>No drinks today.</li>.

Tekan Jalankan: /drinks/ menampilkan empat minuman.

Coba sendiri

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Our Drinks</title>
</head>
<body>
    <h1>Our Drinks</h1>
    <ul>
        <!-- one <li class="drink"> per drink -->
    </ul>
</body>
</html>