Teg lelaran
Tag lelaran digunakan untuk menjalankan/mempersembahkan blok kod berulang kali.
untuk
Melaksanakan satu blok kod berulang kali. Ulang terhadap item dalam tatasusunan atau kamus adalah perkara yang paling kerap dilakukan.
Dalam blok tag untuk, objek forloop tersedia.
Kod
{% for child_page in page.children %}
<a href={{ child_page.url }}>{{ child_page.title }}</a>
{% endfor %}
Output
<a href=/parent/child1/>Child 1</a>
<a href=/parent/child2/>Child 2</a>
<a href=/parent/child3/>Child 3</a>
Parameter
Parameter untuk ini boleh digunakan secara bersendirian atau secara bergabung.
had
Keluar daripada gelung selepas bilangan item yang ditetapkan.
Kod
{% for child_page in page.children limit:2 %}
<a href={{ child_page.url }}>{{ child_page.title }}</a>
{% endfor %}
Output
<a href=/parent/child1/>Child 1</a>
<a href=/parent/child2/>Child 2</a>
ofset
Memulakan gelung pada indeks yang ditetapkan
Kod
{% for child_page in page.children offset:1 %}
<a href={{ child_page.url }}>{{ child_page.title }}</a>
{% endfor %}
Output
<a href=/parent/child2/>Child 2</a>
<a href=/parent/child3/>Child 3</a>
julat
Mentakrifkan julat nombor untuk menggelung.
Kod
{% assign n = 4 %}
{% for i in (2..n) %}
{{ i }}
{% endfor %}
{% for i in (10..14) %}
{{ i }}
{% endfor }}
Output
2 3 4
10 11 12 14
terbalik
Ulang melalui gelung dalam urutan terbalik, bermula dari item yang terakhir.
Kod
{% for child_page in page.children reversed %}
<a href={{ child_page.url }}>{{ child_page.title }}</a>
{% endfor %}
Output
<a href=/parent/child3/>Child 3</a>
<a href=/parent/child2/>Child 2</a>
<a href=/parent/child1/>Child 1</a>
kitaran
Menggelung kumpulan rentetan atau mengoutputnya dalam urutan bahawa ia telah dilepasi sebagai parameter. Setiap kali kitaran dipanggil, rentetan seterusnya yang telah dilepasi sebagai parameter ialah output.
Kod
{% for item in items %}
<div class={% cycle 'red', 'green', 'blue' %}> {{ item }} </div>
{% end %}
Output
<div class=red> Item one </div>
<div class=green> Item two </div>
<div class=blue> Item three </div>
<div class=red> Item four </div>
<div class=green> Item five</div>
tablerow
Menjana jadual HTML. Mesti dibalut dalam tag HTML <jadual> pembukaan dan </jadual> penutupan.
Dalam blok tag barisjadual, gelungbarisjadual tersedia.
Kod
<table>
{% tablerow child_page in page.children %}
{{ child_page.title }}
{% endtablerow %}
</table>
Output
<table>
<tr class=row1>
<td class=col1>
Child Page 1
</td>
<td class=col2>
Child Page 2
</td>
<td class=col3>
Child Page 3
</td>
<td class=col4>
Child Page 4
</td>
</tr>
</table>
Parameter
Parameter tablerowcan ini boleh digunakan secara bersendirian atau secara bergabung.
Output
<table>
<tr class=row1>
<td class=col1>
Child Page 1
</td>
<td class=col2>
Child Page 2
</td>
</tr>
<tr class=row2>
<td class=col3>
Child Page 3
</td>
<td class=col4>
Child Page 4
</td>
</tr>
</table>
Kod
<table>
{% tablerow child_page in page.children cols:2 %}
{{ child_page.title }}
{% endtablerow %}
</table>
Imlakkan jumlah baris yang harus ada pada jadual yang dijanakan.
lajur
had
Keluar daripada gelung selepas bilangan item yang ditetapkan.
Kod
<table>
{% tablerow child_page in page.children limit:2 %}
{{ child_page.title }}
{% endtablerow %}
</table>
Output
<table>
<tr class=row1>
<td class=col1>
Child Page 1
</td>
<td class=col2>
Child Page 2
</td>
</tr>
</table>
offset
Memulakan gelung pada indeks yang ditetapkan
Kod
<table>
{% tablerow child_page in page.children offset:2 %}
{{ child_page.title }}
{% endtablerow %}
</table>
Output
<table>
<tr class=row1>
<td class=col1>
Child Page 3
</td>
<td class=col2>
Child Page 4
</td>
</tr>
</table>
julat
Mentakrifkan julat nombor untuk menggelung.
Kod
<table>
{% tablerow i in (1..3) %}
{{ i }}
{% endtablerow %}
</table>