Question

在twig模板中，是否可以将内容附加到块？

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

layout.html.twig

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

inner.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的每个内容附加到layout.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>

Answer 1

这应该可以解决问题：

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

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

Answer 2

将内容附加/添加到内容很少的块的快捷方式，例如一个pagetitle

<强> base.html.twig

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

模板扩展基本布局

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

Answer 3

在子模板中调用parent（）是可行的，但是每个子必须显式地接受来自父的继承。您也可以选择使用子块来强制执行此继承。

inner.html.twig

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

myWidget.html.twig

{% block css_custom %}
    div a { color: #777; }
{% endblock css_custom %}

Twig将内容附加到阻止

3 个答案: