如何在 Twig 中渲染树

Question

我想渲染一棵深度不确定的树（孩子的孩子的孩子等）。我需要递归地循环遍历数组；我怎样才能在 Twig 中做到这一点？

Answer 1

我尝试了 domi27 的想法并想出了这。我制作了一个嵌套数组作为我的树， ['link']['sublinks'] 为 null 或另一个包含更多相同内容的数组。

模板

递归使用的子模板文件：

<!--includes/menu-links.html-->
{% for link in links %}
    <li>
        <a href="{{ link.href }}">{{ link.name }}</a>
        {% if link.sublinks %}
            <ul>
                {% include "includes/menu-links.html" with {'links': link.sublinks} %}
            </ul>
        {% endif %}
    </li>
{% endfor %}

然后在主模板中调用它（那里有一些多余的“with”东西）：

<ul class="main-menu">
    {% include "includes/menu-links.html" with {'links':links} only %}
</ul>

宏

可以实现类似的效果使用宏：

<!--macros/menu-macros.html-->
{% macro menu_links(links) %}
    {% for link in links %}
        <li>
            <a href="{{ link.href }}">{{ link.name }}</a>
            {% if link.sublinks %}
                <ul>
                    {{ _self.menu_links(link.sublinks) }}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
{% endmacro %}

在主模板中，执行以下操作：

{% import "macros/menu-macros.html" as macros %}
<ul class="main-menu">
    {{ macros.menu_links(links) }}
</ul>

Answer 2

Twig 2.0 - 2.11

如果您想在同一模板中使用宏，您应该使用类似的内容来保持与 Twig 2.x 兼容：

{% macro menu_links(links) %}
    {% import _self as macros %}
    {% for link in links %}
        <li>
            <a href="{{ link.href }}">{{ link.name }}</a>
            {% if link.sublinks %}
                <ul>
                    {{ macros.menu_links(link.sublinks) }}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
{% endmacro %}

{% import _self as macros %}

<ul class="main-menu">
    {{ macros.menu_links(links) }}
</ul>

这扩展了 random-coder 的答案并将 dr.scre 的提示合并到 有关宏的 Twig 文档现在使用 _self，但在本地导入。

Twig >= 2.11

从 Twig 2.11 开始，您可以省略 {% import _self as macros %}，因为内联宏会在 _self< 下自动导入/code> 命名空间（请参阅 Twig 公告：自动宏导入）：

{# {% import _self as macros %} - Can be removed #}

<ul class="main-menu">
    {{ _self.menu_links(links) }} {# Use _self for inlined macros #}
</ul>

Answer 3

如果您运行的是 PHP 5.4 或更高版本，Alain Tiemblo 为这个问题提供了一个很棒的新解决方案（截至 2016 年 5 月）：https://github.com/ninsuo/jordan-tree。

这是一个“树”标签，专门用于这个目的。标记看起来像这样：

{% tree link in links %}
    {% if treeloop.first %}<ul>{% endif %}

    <li>
        <a href="{{ link.href }}">{{ link.name }}</a>
        {% subtree link.sublinks %}
    </li>

    {% if treeloop.last %}</ul>{% endif %}
{% endtree %}

Answer 4

一开始我以为这个问题可以通过简单的方式解决，但事实并非如此简单。

您需要创建逻辑（可能使用 PHP 类方法），何时包含 Twig 子模板，何时不包含。

<!-- tpl.html.twig -->
<ul>
    {% for key, item in menu %}
        {# Pseudo Twig code #}
        {% if item|hassubitem %}
            {% include "subitem.html.tpl" %}
        {% else %}
            <li>{{ item }}</li>
        {% endif %}
    {% endfor %}
</ul>

所以你可以使用特殊的 Twig 循环变量，它在 Twig for 循环中可用。但我不确定这个循环变量的范围。

此信息和其他信息可在 Twigs “for” Docu 上找到！

Answer 5

采取了流感的答案并对其进行了一些修改：

{# Macro #}

{% macro tree(items) %}
    {% import _self as m %}
        {% if items %}
        <ul>
            {% for i in items %}
                <li>
                    <a href="{{ i.url }}">{{ i.title }}</a>
                    {{ m.tree(i.items) }}
                </li>
            {% endfor %}
        </ul>
    {% endif %}
{% endmacro %}

{# Usage #}

{% import 'macros.twig' as m %}

{{ m.tree(items) }}

Answer 6

这里的答案引导我找到我的解决方案。

我有一个类别实体，具有自引用多对一关联（父级到子级）。

/**
 * @ORM\ManyToOne(targetEntity="Category", inversedBy="children")
 */
private $parent;

/**
 * @ORM\OneToMany(targetEntity="Category", mappedBy="parent")
 */
private $children;

在我的 Twig 模板中，我渲染树视图如下：

<ul>
{% for category in categories %}
    {% if category.parent == null %}
        <li>
            <a href="{{ category.id }}">{{ category.name }}</a>
            {% if category.children|length > 0 %}
            <ul>
            {% for category in category.children %}
                <li>
                    <a href="{{ category.id }}">{{ category.name }}</a>
                </li>
            {% endfor %}
            </ul>
            {% endif %}
        </li>
    {% endif %}
{% endfor %}
</ul>