Ruby Liquid 模板引擎中的模数（或缺乏模数）

Question

我正在 Jekyll 网站上工作，并尝试输出嵌套在行 div 中的三列 div。 Liquid 使得这个使用他们的 cycle 过滤器非常简单：

{% for p in site.categories.post %}
    {% cycle 'add rows': '<div class="row">', nil, nil %}
        <div class="column">
            <a href="{{ p.url }}">{{ p.title }}</a>
        </div>
    {% cycle 'close rows': nil, nil, '</div>' %}
{% endfor %}

但是，这只在有 3、6、9 等帖子时才真正有效。当帖子总数不是三的倍数时，

永远不会关闭 - for 循环在结束标记可以作为以下内容的一部分输出之前结束关闭行循环。

在 Ruby、PHP 或任何其他语言中，我可以使用模运算符轻松修复此问题，因此除了 close rows 循环之外，我还会在 时输出 代码>如果site.categories.size % 3 == 0。然而，Liquid 因为它是一种安全的模板语言，所以不支持模数。

当帖子总数不是三的倍数时，我还能做些什么来正确关闭

？

Answer 1

我发现这种方法非常有效！

{% assign mod = forloop.index0 | modulo:4 %}
{% if mod == 0 %}
   <!-- Do stuff -->
{% endif %}

Answer 2

对于您的具体示例，您可以使用 {% Cycle 'close rows': nil, '', '' %} 在 {% endfor %} 之后。

Answer 3

目前唯一的方法是编写一个液体过滤器来实现这一点。在代码中适当的位置注册过滤器（如果使用 Rails 和不使用 Rails，则在不同的位置）。

液体::Template.register_filter(LiquidFilters)

在您的项目/lib目录中添加liquid_filters.rb：

module LiquidFilters  
  # makes modulus operation available to templates
  def mod(data, param)
    data % param
  end  
end

之后您可以在模板中使用它，如下所示：
{{ 变量 | mod:5 }}

如果您需要将它用于某些逻辑，您可以捕获该值。

{% capture modulus %}{{ variable | mod:5 }}{% endcapture %}

只是我注意到捕获的值是一个字符串，因此为了比较它，您使用

{% if modulus == "0" %}
 ..
{% endif %}

Answer 4

我在 for 循环中使用了另一个技巧：在你的情况下没用，如果你只是想要一个模来确定你的行是否已经结束并且你需要一个新行，就像我一样，那么很有用。

在这个例子中，我将使用一行 4 项：

{% assign currentRow = 1 %}
# enter the for loop ... then, with 4 as the divisor:
{% if forloop.index == 4 * currentRow %}
  # do whatever you want
  {% assign currentRow = currentRow + 1 %}
{% endif %}
# exit the for loop

不是很好，但很简单。

Answer 5

我意识到这个问题已经为提问者解决了，但我最近在 Liquid 中遇到了这种情况，我想我会提供我的解决方案，以防它可以帮助有类似标记要求的人。

就我而言，我已经通过了一个 if 语句来验证至少有一个帖子，因此我在循环外创建了第一个“行”div。我也在 for 循环之后关闭它。这可以防止帖子少于三个的情况。

<div class="row">

    {% for p in posts %}
        <div class="column">
            <!-- Post code here -->
        </div>
        {% unless forloop.last %}
            {% cycle '', '', '</div><div class="row">' %}
        {% endunless %}
    {% endfor %}

</div>

每三篇帖子后，cycle 将关闭当前行并打开一个新行除非该帖子是 forloop 中的最后一篇，在这种情况下我们不想打开一个新行，并且让包装 将其关闭。

Answer 6

我从这篇文章中学到了很多东西，这是我在整个项目中使用的三种模式。它与 Bootstrap 配合也很好。只需更改以下代码中的列类即可。除了列之外，相同的模式还可以应用于模数有用的其他场景，例如奇偶行。希望它对某人有帮助 -

四列：

<div class="container">
    {% for post in site.posts %}
        {% cycle 'add row' : '<div class="row">', nil, nil, nil %}
            <div class="column">
                <!-- liquid tags here -->
            </div>
        {% cycle 'end row' : nil, nil, nil, '</div>' %}
    {% endfor %}
    {% cycle 'end row' : nil, '</div>', '</div>', '</div>' %}
</div>

三列：

<div class="container">
    {% for post in site.posts %}
        {% cycle 'add row' : '<div class="row">', nil, nil %}
            <div class="column">
                <!-- liquid tags here -->
            </div>
        {% cycle 'end row' : nil, nil, '</div>' %}
    {% endfor %}
    {% cycle 'end row' : nil, '</div>', '</div>' %}
</div>

两列：

<div class="container">
    {% for post in site.posts %}
        {% cycle 'add row' : '<div class="row">', nil %}
            <div class="column">
                <!-- liquid tags here -->
            </div>
        {% cycle 'end row' : nil, '</div>' %}
    {% endfor %}
    {% cycle 'end row' : nil, '</div>' %}
</div>

Answer 7

IIRC Liquid 不会阻止模运算，只会阻止 % 字符。您可以在不使用 % 运算符的情况下执行模数运算。例如，14.modulo(3) => 2 而不是 14 % 3。