树枝将内容附加到块

2022-08-30 17:36:51

在树枝模板中,是否可以将内容附加到块中?

例如,考虑下面的模板文件。

布局.html.twig

<html>
<head>
    <style>
    {% block css %}{% endblock css %}
    </style>
</head>
<body>
{% block content %}{% endblock content %}
</body>
</html>

内.html.twig

{% block css %} 
a { color: #fff; }
body { background: #f00; }
{% endblock css %}

{% block content %}

Some contents here...
{% include 'myWidget.html.twig' %}

{% endblock content %}

myWidget.html.twig

{% block css %}
div a { color: #777; }
{% endblock css %}
{% block content %}
<div><a>myWidget content here...</a></div>
{% endblock content %}

请注意块 css.。我试图完成的是,我希望将块css的每个内容附加到布局中.html.twig的css块。因此,最终结果应该是:

<html>
<head>
    <style>
    a { color: #fff; }
    body { background: #f00; }
    div a { color: #777; }
    </style>
</head>
<body>
Some contents here...
<div><a>myWidget content here...</a></div>
</body>
</html>

答案 1

这应该可以解决问题:

{% block css %}
    {{ parent() }}
    div a { color: #777; }
{% endblock css %}

{% block content %}
    <div><a>myWidget content here...</a></div>
{% endblock content %}

答案 2

将内容追加/预置到内容较少的块(例如页面标题)的快捷方式

基.html.twig

...
<title>{% block title %}MyApp{% endblock %}</title>
...

模板扩展基本布局

{% extends '::base.html.twig' %}
{% block title 'Page1 - '~parent() %} {# prepend #}
{% block title parent()~' - Page1' %} {# append #}

推荐