在段落实体中，根据实体引用项的数量(长度)更改CSS类

Question

在我的段落小枝文件paragraph--call-to-actions.html.twig中，我希望呈现和构建实体引用项(来自特定段落类型的子项)。

可能有3或4个项目。基于条目(3或4)的length，我希望更改标记/更改CSS类，以便有3或4列。

在paragraph--call-to-actions.html.twig中，我可以这样做：

{% if content.field_call_to_actions|length == 3 %}
  {# Build 3 column item markup here #}
{% elseif content.field_call_to_actions|length == 4 %}
  {# Build 4 column item markup here #}

但是，如何循环遍历实体引用项(段落类型项)，以便打印段落类型的所有字段？

还是有一种更清洁的方法？

更新:我通过将field.html.twig扩展到field--paragraph--call-to-actions.html.twig找到了一个解决方案，在那里：

{% for item in items %}

  <div class="card mx-6 md:mx-4 mb-6 md:mb-0
  {% if items|length == 3 %}
    md:w-1/3
  {% elseif items|length == 4 %}
    md:w-1/2 lg:w-1/4
  {% endif %}
  ">
    {{ item.content }}
  </div>

{% endfor %}

我不能在这里使用loop.lenght，因为不同的断点。

我可以在没有重复类的情况下写这个更干净的东西吗？

Answer 1

我找到了一个解决方案，方法是将field.html.twig扩展到字段-第

{% for item in items %}

  <div class="card mx-6 md:mx-4 mb-6 md:mb-0
  {% if items|length == 3 %}
    md:w-1/3
  {% elseif items|length == 4 %}
    md:w-1/2 lg:w-1/4
  {% endif %}
  ">
    {{ item.content }}
  </div>

{% endfor %}

Answer 2

{% for action in paragraph.field_call_to_actions %}
    {{ paragraph.action.value }}
{% endfor %}

Answer 3

我的建议是使用嫩枝场值模块。

{% for action in paragraph.field_call_to_actions %}
    {{ paragraph.action|field_value }}
{% endfor %}

或

{% for action in paragraph.field_call_to_actions %}
    {{ paragraph.action|field_value|render }}
{% endfor %}