Question

我有一个简单的可重复使用的twig（generic.html.twig）模板，它看起来像：

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

我在我的代码中多次使用它：

{% include "@Toto/generic.html.twig" with {"list": toto} %}

我的问题是我有时想在我的twig模板生成的<ul>上包含一个CSS类。所以有时我想让它像这样呈现：

<ul class="myclass">

有些时候我想让它在没有课程的情况下渲染，就像这样：

<ul>

如何在我的树枝模板中实现可选类？

Answer 1

我会使用类似的东西：

{% include "@Toto/generic.html.twig" with {"list": toto, "status": true} %}

并检查status布尔值

<ul {{ status ? 'class="myclass"' : '' }}>

Answer 2

我更喜欢使用已定义的

<ul{% if ulClass is defined %} class="{{ ulClass }}"{% endif %}>
    {% for item in list %}
        <li>
            ...
        </li>
    {% endfor %}
</ul>

树枝模板中的可选html类

2 个答案: