menu - español - twig include

Menú de niveles múltiples con TWIG

Question

Para generar un menú simple, puedo hacer:

<ul>
{% for item in items %}
<li>{{ item }}</li>
{% endfor %}
</ul>

y entonces:

{% embed ''...'' with { items: [''Home'', ''Articles''] %}

Pero, ¿cómo tengo que escribir el código TWIG, si quiero crear menús profundos sin fin como:

<ul>
<li>Alpha</li>
<li>Bravo</li>
<ul>
<li>Charlie</li>
<li>Delta</li>
<li>Echo</li>
<ul>
<li>Foxtrott</li>
</ul>
<li>Golf</ul>
</ul>
<li>Hotel</li>
<li>India</li>
</ul>

Thx por ayuda!

Answer 1

Para llevar a cabo la recursión en twig , puede hacer uso de macro''s

{% import _self as macro %}
{{ macro.multilevel(foo) }}
{% macro multilevel(array) %}
{% import _self as macro %}
<ul>
{% for item in array %}
<li>
{% if item is iterable %}
{{ macro.multilevel(item) }}
{% else %}
{{ item }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endmacro %}

twigfiddle

EDITAR Con una matriz simple no es posible anidar niños en el mismo <li> que el padre. Por lo tanto, tendrías que cambiar tu arreglo alrededor,

Matriz reformada

$data = [
''links'' => [
[
''title'' => ''alpha'',
''href'' => ''http://www.alpha.com'',
''children'' => [],
],
[
''title'' => ''beta'',
''href'' => ''http://www.beta.com'',
''children'' => [
[
''title'' => ''charlie'',
''href'' => ''http://www.charlie.com'',
''children'' => [],
],
[
''title'' => ''delta'',
''href'' => ''http://www.delta.com'',
''children'' => [],
],
[
''title'' => ''echo'',
''href'' => ''http://www.echo.com'',
''children'' => [
[
''title'' => ''foxtrot'',
''href'' => ''http://www.foxtrot.com'',
''children'' => [],
],
],
],
],
],
]
];

tiwg

{% macro menu(links) %}
{% import _self as macro %}
<ul>
{% for link in links %}
<li>
<a href="{{ link[''href''] }}">{{ link[''title''] }}</a>
{% if not link[''children'']|default([]) is empty %}
{{ macro.menu(link[''children'']) }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endmacro %}

twigfiddle