Kopīgot, izmantojot


Iterācijas atzīmes

Iterācijas tagi tiek izmantoti, lai atkārtoti palaistu/atveidotu koda bloku.

for

Atkārtoti izpilda kodu bloku. To visbiežāk izmanto, lai atkārtotu vienumus masīvā vai vārdnīcā.

Taga blokā ir pieejams tags forloop object.

Kods

{% for child_page in page.children %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Izvade

<a href=/parent/child1/>Child 1</a>

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child3/>Child 3</a>

Parameters

Šos taga for parametrus var izmantot atsevišķi vai kopā.

ierobežojums

Iziet no cikla pēc noteikta vienību skaita.

Kods

{% for child_page in page.children limit:2 %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Izvade

<a href=/parent/child1/>Child 1</a>

<a href=/parent/child2/>Child 2</a>

atzarojums

Sāk ciklu dotajā rādītajā.

Kods

{% for child_page in page.children offset:1 %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Izvade

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child3/>Child 3</a>

diapazons

Nosaka skaitļu diapazonu ciklam.

Kods

{% assign n = 4 %}

{% for i in (2..n) %}

{{ i }}

{% endfor %}

{% for i in (10..14) %}

{{ i }}

{% endfor }}

Izvade

2 3 4

10 11 12 14

pretēji

Atkārto ciklu apgrieztā secībā, sākot no pēdējā vienuma.

Kods

{% for child_page in page.children reversed %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Izvade

<a href=/parent/child3/>Child 3</a>

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child1/>Child 1</a>

cycle

Iziet ciklus caur virkņu un izvadu grupu tādā secībā, kādā tie tika nodoti kā parametri. Katru reizi, kad cikls tiek izsaukts, tiek izvadīta nākamā virkne, kas tika nodota kā parametrs.

Kods

{% for item in items %}

<div class={% cycle 'red', 'green', 'blue' %}> {{ item }} </div>

{% end %}

Izvade

<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

Ģenerē HTML tabulu. Tas ir jāietver starp sākuma HTML tagu <table> un beigu HTML tagu </table>.

Taga tablerow blokā ir pieejams tags tablerowloop.

Kods

<table>

{% tablerow child_page in page.children %}

{{ child_page.title }}

{% endtablerow %}

</table>

Izvade

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

Parameters

Šos taga tablerowcan parametrus var izmantot atsevišķi vai kopā.

Izvade

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

Kods

<table>

{% tablerow child_page in page.children cols:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Nosaka, cik rindu vajadzētu būt ģenerētajā tabulā.

cols

ierobežojums

Iziet no cikla pēc noteikta vienību skaita.

Kods

<table>

{% tablerow child_page in page.children limit:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Izvade

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

</table>

offset

Sāk ciklu dotajā rādītajā.

Kods

<table>

{% tablerow child_page in page.children offset:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Izvade

<table>

<tr class=row1>

<td class=col1>

Child Page 3

</td>

<td class=col2>

Child Page 4

</td>

</tr>

</table>

diapazons

Nosaka skaitļu diapazonu ciklam.

Kods

<table>

{% tablerow i in (1..3) %}

{{ i }}

{% endtablerow %}

</table>

Skatiet arī