html - 我想防止在 twig symfony3 中使用循环两次

Question

我有几张图片，我想制作一个旋转木马。但我不想循环播放图像两次。

这可以做到吗？

我的代码是:

<div id="main-slider">
    {% for image in images %}
        <img src="/images/{{ image.url }}"/>
    {% endfor %}
</div>
<div id="main-slider-nav">
    {% for image in images %}
        <img src="/images/{{ image.url }}"/>
    {% endfor %}
</div>

如您所见，循环现在出现了两次。有什么好的方法可以不这样做吗？

Answer 1

如果您愿意，您可以使用动态值(图像标签列表)构建一个字符串，然后在容器 div 中使用，例如:

    {%set accumulator = '' %}

    {% for image in images %}
        {%set accumulator = accumulator ~ '<img src="/images/'~image.url~'"/>' %}
    {% endfor %}


<div id="main-slider">
 {{ accumulator|raw }}
</div>
<div id="main-slider-nav">
 {{ accumulator|raw }}
</div>

这里是工作 twigfiddle样本

希望对你有帮助