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>
これでうまくいくはずです:
{% block css %}
{{ parent() }}
div a { color: #777; }
{% endblock css %}
{% block content %}
<div><a>myWidget content here...</a></div>
{% endblock content %}
コンテンツが少ないブロックにコンテンツを追加/追加するためのショートカット。ページタイトル
base.html.twig
...
<title>{% block title %}MyApp{% endblock %}</title>
...
基本レイアウトを拡張するテンプレート
{% extends '::base.html.twig' %}
{% block title 'Page1 - '~parent() %} {# prepend #}
{% block title parent()~' - Page1' %} {# append #}
子テンプレートで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 %}