在TWIG中使用字符串连接进行循环？

Question

如何使用嵌套的TWIG计数器变量{{i}}输出此HTML块，如：eco-item-2.jpg，eco-item-3.jpg和eco.benefits.item.header.2，eco .benefits.item.header.3等等......？

{% for i in 0..3 %}
    <section class="eco-benefits">
        <img src="{{ asset ('img/eco-item-1.jpg') }}" class="th">
        <dl>
            <dt>
                {% trans from 'eco' %}
                    eco.benefits.item.header.1
                {% endtrans %}
            </dt>
            <dd>
                {% trans from 'eco' %}
                    eco.benefits.item.text.1
                {% endtrans %}
            </dd>
        </dl>
    </section>
{% endfor %}

Answer 1

您可以使用~运算符连接字符串：

{% for i in 0..3 %}
    <section class="eco-benefits">
        <img src="{{ asset ('img/eco-item-' ~ (i + 1) ~ '.jpg') }}" class="th">
        <dl>
            <dt>{{ ('eco.benefits.item.header.' ~ (i + 1))|trans(domain = 'eco') }}</dt>
            <dd>{{ ('eco.benefits.item.text.' ~ (i + 1))|trans(domain = 'eco') }}</dd>
        </dl>
    </section>
{% endfor %}