人妻少妇91果冻传媒麻豆,亚洲春色影音先锋,精品88AV,美国三级日本三级

2.3 Tags：迭代（或循環(huán)）標(biāo)記（iteration tag）

首頁 » Liquid模板語言 » Tags » 詳情

3、迭代（或循環(huán)）標(biāo)記（iteration tag）

迭代／循環(huán)

迭代（或循環(huán)）標(biāo)記（iteration tag）用于重復(fù)運(yùn)行一段代碼。

for

重復(fù)運(yùn)行一段代碼。for?循環(huán)中所能夠使用的屬性請(qǐng)參考?forloop (object)。

輸入


  {% for product in collection.products %}
    {{ product.title }}
  {% endfor %}

輸出

hat shirt pants

break

循環(huán)過程中若干遇到?break?標(biāo)記（tag）即停止循環(huán)。

輸入


{% for i in (1..5) %}
  {% if i == 4 %}
    {% break %}
  {% else %}
    {{ i }}
  {% endif %}
{% endfor %}

輸出

1 2 3

continue

循環(huán)過程中若遇到?continue?標(biāo)記（tag）則跳出當(dāng)前循環(huán)。

輸入


{% for i in (1..5) %}
  {% if i == 4 %}
    {% continue %}
  {% else %}
    {{ i }}
  {% endif %}
{% endfor %}

輸出

1 2 3   5

for (parameters)

limit

限定循環(huán)執(zhí)行的次數(shù)。

輸入


<!-- if array = [1,2,3,4,5,6] -->
{% for item in array limit:2 %}
  {{ item }}
{% endfor?%}

輸出

1 2

offset

從指定索引號(hào)開始執(zhí)行循環(huán)。

輸入


<!-- if array = [1,2,3,4,5,6] -->
{% for item in array offset:2 %}
  {{ item }}
{% endfor?%}

輸出

3 4 5 6

range

定義循環(huán)執(zhí)行的范圍。可利用數(shù)字或變量來定義此執(zhí)行范圍。

輸入


{% for i in (3..5)?%}
  {{ i }}
{% endfor?%}

{% assign num = 4 %}
{% for i in (1..num)?%}
  {{ i }}
{% endfor?%}

輸出

3 4 5
1 2 3 4

reversed

反轉(zhuǎn)循環(huán)的執(zhí)行順序。注意和?reverse?過濾器（filter）的拼寫是不同的。

輸入


<!-- if array = [1,2,3,4,5,6] -->
{% for item in array reversed %}
  {{ item }}
{% endfor?%}

輸出

6 5 4 3 2 1

cycle

循環(huán)一組字符串并按照它們傳入的順序?qū)⑵漭敵?。每次調(diào)用?cycle?時(shí)，傳入的參數(shù)中的下一個(gè)字符串將被輸出。

cycle?必須用在?for?循環(huán)中。

輸入


{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}

輸出

one
two
three
one

cycle?的使用場(chǎng)景包括：

  • 對(duì)表格中的奇數(shù)／偶數(shù)行輸出相應(yīng)的類（class）
  • 在一行中的最后一列輸出一個(gè)唯一的類（class）

cycle (parameters)

cycle?能夠接受一個(gè)叫做?cycle group?的參數(shù)，以便滿足你在模版中需要使用多個(gè)?cycle?代碼塊的情況。如果沒有為 cycle group 命名，那么將會(huì)假定帶有相同參數(shù)的 cycle 調(diào)用屬于同一個(gè)組（group）。

tablerow

生成一個(gè) HTML 表格。必須用?<table>?和?</table>?這兩個(gè) HTML 標(biāo)簽將其包裹起來。

輸入


<table>
{% tablerow product in collection.products %}
  {{ product.title }}
{% endtablerow %}
</table>

輸出

<table>
  <tr class="row1">
    <td class="col1">
      Cool Shirt
    </td>
    <td class="col2">
      Alien Poster
    </td>
    <td class="col3">
      Batman Poster
    </td>
    <td class="col4">
      Bullseye Shirt
    </td>
    <td class="col5">
      Another Classic Vinyl
    </td>
    <td class="col6">
      Awesome Jeans
    </td>
  </tr>
</table>

tablerow (parameters)

cols

定義表格應(yīng)當(dāng)有多少列。

輸入


{% tablerow product in collection.products cols:2 %}
  {{ product.title }}
{% endtablerow %}

輸出

<table>
  <tr class="row1">
    <td class="col1">
      Cool Shirt
    </td>
    <td class="col2">
      Alien Poster
    </td>
  </tr>
  <tr class="row2">
    <td class="col1">
      Batman Poster
    </td>
    <td class="col2">
      Bullseye Shirt
    </td>
  </tr>
  <tr class="row3">
    <td class="col1">
      Another Classic Vinyl
    </td>
    <td class="col2">
      Awesome Jeans
    </td>
  </tr>
</table>

limit

在執(zhí)行到指定的腳標(biāo)（index）之后退出 tablerow 。


{% tablerow product in collection.products cols:2 limit:3 %}
  {{ product.title }}
{% endtablerow %}

offset

在指定的腳標(biāo)（index）之后開始執(zhí)行 tablerow 。


{% tablerow product in collection.products cols:2 offset:3 %}
  {{ product.title }}
{% endtablerow %}

range

定義循環(huán)執(zhí)行的范圍?？衫脭?shù)字和變量來定義執(zhí)行范圍。


<!--variable number example-->

{% assign num = 4 %}
<table>
{% tablerow i in (1..num)?%}
  {{ i }}
{% endtablerow?%}
</table>

<!--literal number example-->

<table>
{% tablerow i in (3..5)?%}
  {{ i }}
{% endtablerow?%}
</table>

 

? Copyright 2023 深圳藍(lán)曬科技有限公司. 粵ICP備2023054553號(hào)-1