How can I use loop functionality in twig template?

Question

I want to use a looping functionality in region.html.twig file to I can wrap elements that outputted from {{ content }} section.

Defult region.html.twig

{% if content %}
  <div class="Parent">
    {{ content }}
  </div>
{% endif %}

The schematic generated Output:

<div class="Parent">
  Item_1
  Item_2
  Item_3
</div>

I try to use below code to create a loop and add a wrapper around of each Item outputted from {{ content }}:

My code:

{% if content %}
  <div class="Parent"> 
    {% for item in items %}
      <div class="child-wrapper">{{ item.content }}</div>
    {% endfor %}
  </div>
{% endif %}

The Final outpute that I want to achive:

<div class="Parent">
  <div class="child-wrapper">Item_1</div>
  <div class="child-wrapper">Item_2</div>
  <div class="child-wrapper">Item_3</div>
</div>

@Jason Roman: Thanks for your reply, but whatever I try I can't get any result!!! — Mojtaba Reyhani
– Mojtaba Reyhani, Commented Jul 13, 2017 at 6:13
@MojtabaReyhani any errors or Excetption ? try to inspect with {% dump content items %} to see whats inside and how they structured — V-Light
– V-Light, Commented Jul 13, 2017 at 6:22
Why don't you try showing is what your code is currently outputting? — Jason Roman
– Jason Roman, Commented Jul 13, 2017 at 6:42
Should be {{ dump(content, items) }} and you need to use the debug URL in Symfony, as in append app_dev.php to your URL. If you use in prod you will get an error, since dump is not recognized. — Alvin Bunk
– Alvin Bunk, Commented Jul 13, 2017 at 15:10

Skribja · Accepted Answer · 2017-07-13 08:25:20Z

1

If your data is: content = [1, 2, 3, ... , 100]

   Then write
    {% if content %}
      <div class="Parent"> 
        {% for item in content %}
          <div class="child-wrapper">{{ item }}</div>
        {% endfor %}
      </div>
    {% endif %}

If your data is array of assotiated arrays like this: 
content = [
    ['content' => 1],   
    ['content' => 2],   
]

   Then write
    {% if content %}
      <div class="Parent"> 
        {% for item in content %}
          <div class="child-wrapper">{{ item.content }}</div>
        {% endfor %}
      </div>
    {% endif %}

answered Jul 13, 2017 at 8:25

Skribja

1611 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I use loop functionality in twig template?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related