Chia sẻ qua

Thẻ lặp lại

  • Bài viết

Thẻ lặp lại được sử dụng để chạy/kết xuất một khối mã nhiều lần.

dành cho

Thực hiện khối mã nhiều lần. Khối mã này thường được sử dụng phổ biến nhất trong trường hợp lặp lại các mã trong mảng hoặc từ điển.

Trong khối thẻ, đối tượng forloop có sẵn.

Mã

{% for child_page in page.children %}

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

{% endfor %}

Đầu ra

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

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

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

Tham số

Các tham số này của for thể được sử dụng một mình hoặc kết hợp.

giới hạn

Thoát khỏi vòng lặp sau một số mục nhất định.

Mã

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

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

{% endfor %}

Đầu ra

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

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

phần bù

Bắt đầu vòng lặp tại chỉ mục đã cho.

Mã

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

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

{% endfor %}

Đầu ra

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

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

phạm vi

Xác định phạm vi của các số để lặp qua.

Mã

{% assign n = 4 %}

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

{{ i }}

{% endfor %}

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

{{ i }}

{% endfor }}

Đầu ra

2 3 4

10 11 12 14

đảo ngược

Lặp lại qua vòng lặp theo thứ tự đảo ngược, bắt đầu từ mục cuối cùng.

Mã

{% for child_page in page.children reversed %}

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

{% endfor %}

Đầu ra

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

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

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

chu kỳ

Lặp qua một nhóm chuỗi và xuất chúng theo thứ tự mà chúng được thông qua dưới dạng tham số. Mỗi chu kỳ thời gian được gọi là, chuỗi tiếp theo đã được thông qua dưới dạng tham số là đầu ra.

Mã

{% for item in items %}

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

{% end %}

Đầu ra

<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

Tạo bảng HTML. Phải được bọc trong thẻ HTML <table> và </table> đóng.

Trong khối thẻ tablerow, tablerowloop sẽ có sẵn.

Mã

<table>

{% tablerow child_page in page.children %}

{{ child_page.title }}

{% endtablerow %}

</table>

Đầu ra

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

Tham số

Các tham số này của tablerow có thể được sử dụng một mình hoặc kết hợp.

Đầu ra

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

Mã

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Chỉ ra số lượng hàng mà bảng được tạo cần phải có.

cols

giới hạn

Thoát khỏi vòng lặp sau một số mục nhất định.

Mã

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Đầu ra

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

</table>

offset

Bắt đầu vòng lặp tại chỉ mục đã cho.

Mã

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Đầu ra

<table>

<tr class=row1>

<td class=col1>

Child Page 3

</td>

<td class=col2>

Child Page 4

</td>

</tr>

</table>

phạm vi

Xác định phạm vi của các số để lặp qua.

Mã

<table>

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

{{ i }}

{% endtablerow %}

</table>

Xem thêm