如何在Twig中从JSON数组的多图集中仅显示一张图片？

问题背景 #

你的JSON数据结构里，每条annoncer条目下都包含一个images数组，数组内的每个元素都带有small尺寸的图片地址。当前使用的Twig模板会遍历所有图片，导致每条条目显示全部关联图片，但你只希望每条条目展示第一张图片。

当前（显示所有图片）的Twig代码 #

{% for item in T.annoncer %}
  {{item.text}}
  {% for im in item.images %}
    <img src={{im.small}} />
  {% endfor %}
{% endfor %}

解决方案 #

直接调用images数组的第一个元素（索引为0）即可，无需保留内层循环：

{% for item in T.annoncer %}
  {{item.text}}
  <img src={{item.images[0].small}} />
{% endfor %}

这样修改后，每条annoncer条目只会渲染其images数组里的第一张图片，完全匹配你的需求~

内容的提问来源于stack exchange，提问作者tiomak