2014-09-04 75 views
14

在樹枝模板中,是否可以將內容追加到塊中?樹枝將內容追加到塊

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

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> 

回答

21

這應該做的伎倆:

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

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

我會嘗試這個,當我回家..謝謝@jperovic – Aldee 2014-09-04 07:49:08

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 #}