如何在Twig循环中拼接模板输出到变量并仅渲染一次容器？

我明白你现在的困扰——想让外层容器只渲染一次，但循环里的子模板每次迭代都输出，对吧？你的现有写法把容器的逻辑嵌在循环内部，导致结构混乱，这里给你几个针对性的解决方案：

方案一：容器包裹循环（最推荐） #

如果你的容器不需要依赖循环变量，直接把容器放在循环外面，内部遍历数组渲染子模板即可，这是最清晰的写法：

<!-- 唯一的容器只渲染一次 -->
<tr class="table-row">
  <!-- 循环内部每次迭代渲染子模板 -->
  {% for details in array %}
    <!-- 记得把循环变量传给子模板，不然子模板拿不到数据 -->
    {{ include('data.html.twig', { 'details': details }) }}
    <!-- 这里放循环中需要的其他HTML内容 -->
  {% endfor %}
</tr>

方案二：用loop.first/last控制容器首尾 #

如果容器的某些属性需要依赖循环的上下文（比如根据数组的第一个元素设置class），但又只需要渲染一次，可以用loop.first和loop.last分别渲染容器的开头和结尾标签：

{% for details in array %}
  {% if loop.first %}
    <!-- 第一次循环时渲染容器开头 -->
    <tr class="table-row">
  {% endif %}

  <!-- 每次循环都渲染子模板 -->
  {{ include('data.html.twig', { 'details': details }) }}
  <!-- 循环中所需的其他HTML -->

  {% if loop.last %}
    <!-- 最后一次循环时渲染容器结尾 -->
    </tr>
  {% endif %}
{% endfor %}

补充：处理空数组的情况 #

如果数组为空时你仍需要显示容器，可以加个判断：

{% if array is not empty %}
  {% for details in array %}
    {% if loop.first %}
      <tr class="table-row">
    {% endif %}

    {{ include('data.html.twig', { 'details': details }) }}
    <!-- 其他HTML内容 -->

    {% if loop.last %}
      </tr>
    {% endif %}
  {% endfor %}
{% else %}
  <tr class="table-row">
    <td>No data available</td>
  </tr>
{% endif %}

关键注意点 #

• 一定要在include子模板时传递循环变量（比如上面的details），否则子模板无法获取当前迭代的数据；
• 避免把容器的完整结构放在loop.first里，这样会导致容器内部的循环内容无法正确嵌套，造成HTML结构错误。

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