วนซ้ำผ่านองค์ประกอบย่อยใน Twig like Element :: children ()

เมื่อจัดการกับอาเรย์ที่สามารถเรนเดอร์ใน PHP ได้ฉันสามารถใช้ Element :: children () เพื่อเข้าถึงองค์ประกอบที่ไม่ใช่#คุณสมบัติ แต่อิลิเมนต์ที่สามารถเรนเดอร์รองได้ (ไอเท็มฟอร์มภายในชุดข้อมูล ตัวอย่างเช่นตัวอย่างนี้จาก file.module:

<?php
if ($element['#multiple']) {
  foreach (Element::children($element) as $name) {
    // ...
  }
}
?>

ฉันจะทำเช่นเดียวกันในแม่แบบ Twig ได้อย่างไร ถ้าฉันทำ{% for child in element %}มันจะรวมถึงยัง#type, #cacheฯลฯ

{% for key, child in element if key|first != '#' %}
  <div>{{ child }}</div>
{% endfor %}

ArrayIteratorผมได้สร้างตัวกรองทวิว่าผลตอบแทนที่ได้กลับมาพร้อมกับเด็กในฐานะที่เป็น

mymodule/mymodule.services.yml

services:
  mymodule.twig_extension:
    arguments: ['@renderer']
    class: Drupal\mymodule\TwigExtension\Children
    tags:
      - { name: twig.extension }

mymodule/src/TwigExtension/Children.php

<?php

namespace Drupal\mymodule\TwigExtension;


class Children extends \Twig_Extension
{

  /**
   * Generates a list of all Twig filters that this extension defines.
   */
  public function getFilters()
  {
    return [
      new \Twig_SimpleFilter('children', array($this, 'children')),
    ];
  }


  /**
   * Gets a unique identifier for this Twig extension.
   */
  public function getName()
  {
    return 'mymodule.twig_extension';
  }


  /**
   * Get the children of a field (FieldItemList)
   */
  public static function Children($variable)
  {
    if (!empty($variable['#items'])
      && $variable['#items']->count() > 0
    ) {
      return $variable['#items']->getIterator();
    }

    return null;
  }

}

ในเทมเพลต Twig:

{% for headline in entity.field_headline|children %}
  {{ headline.get('value').getValue() }}
{% endfor %}

ใช้โมดูลTwig Tweakซึ่งมีคุณสมบัติยอดเยี่ยมอื่น ๆ ที่มีตัวกรอง "children":

{% for item in content.field_name | children(true) %}
  {# loop.length, loop.revindex, loop.revindex0, and loop.last are now available #}
{% endfor %}

นี่คือการแก้ไขhttps://drupal.stackexchange.com/a/236408/67965ที่วน#itemsซ้ำผ่านเรนเดอร์ลูกแทนที่จะเป็นฟิลด์

นามสกุลกิ่งไม้:

/**
 * Generates a list of all Twig filters that this extension defines.
 */
public function getFilters() {
  return [
    new \Twig_SimpleFilter('children', array($this, 'children')),
  ];
}

/**
 * Get the render children of a field
 */
public static function children($variable) {
  return array_filter(
    $variable, 
    function($k) { return (is_numeric($k) || (strpos($k, '#') !== 0)); },
    ARRAY_FILTER_USE_KEY
  );
}

ในทวิกคุณสามารถส่งผ่านเด็กที่เรนเดอร์โดยตรงซึ่งช่วยในรูปแบบการออกแบบอะตอม กำหนดเทมเพลตเอนทิตีตัวอย่างเช่น:

{% include '@molecules/grid.html.twig' with { 
   head : content.field_title,
   grid_columns: content.field_collection_items|children
} %}

โดยที่ grid.html.twig มีลักษณะดังนี้:

{% if head %}
<div class="slab__wrapper">
  {{ head }}
</div>
{% endif %}
<div class="grid">          
  {% for col in grid_columns %}
  <div class="grid__column">
    {{ col }}
  </div>
  {% endfor %}
</div>

สิ่งนี้มักจะมีประโยชน์มากกว่าการสร้างเท็มเพลตฟิลด์{{ content.field_collection_items }}เพราะเลย์เอาต์ของลูกอาจถูกควบคุมในบริบทขององค์ประกอบการออกแบบพาเรนต์