twigfiddle.com - Fiddle a6cvgs v1 - Created on September 23, 2018 06:26

File

{# This works without the embed --
   Comment this out and uncomment the blocks below #}

{% set listItemArray = [] %}
{% for thisList in lists %}
    {% for thisListItem in thisList %}
        {% set listItemArray = listItemArray | merge([thisListItem]) %}
    {% endfor %}
{% endfor %}


{% for items in listItemArray %}
    {{ items | e }}
{% endfor %}


{#===============#}


{# This doesn't work if listItemArray set outside the embed #}

{#
{% set listItemArray = [] %}
{% for thisList in lists %}
    {% for thisListItem in thisList %}
        {% set listItemArray = listItemArray | merge([thisListItem]) %}
    {% endfor %}
{% endfor %}

{% embed "atoms-list.twig" %}
    {% for items in listItemArray %}
        {% block listItem %}{{ items | e }}{% endblock %}
    {% endfor %}
{% endembed %}
#}


{#===============#}


{# This doesn't even work if listItemArray set inside the embed #}

{#
{% embed "atoms-list.twig" %}
    {% set listItemArray = [] %}
    {% for thisList in lists %}
        {% for thisListItem in thisList %}
            {% set listItemArray = listItemArray | merge([thisListItem]) %}
        {% endfor %}
    {% endfor %}
    {% for items in listItemArray %}
        {% block listItem %}{{ items | e }}{% endblock %}
    {% endfor %}
{% endembed %}
#}

File

<ul>
    {% for item in list %}
    <li>{% block listItem %}{{ item | e }}{% endblock %}</li>
    {% endfor %}
</ul>

Format

{
  "list": {
    "item1": "Item 1",
    "item2": "Item 2",
    "item3": "Item 3"
  },
  "lists": {
    "list1": {
      "item1": "List 1 Item 1",
      "item2": "List 1 Item 2",
      "item3": "List 1 Item 3"
    },
    "list2": {
      "item1": "List 2 Item 1",
      "item2": "List 2 Item 2",
      "item3": "List 2 Item 3"
    }
  }
}