【问题标题】:Twig Append Content to BlockTwig 将内容附加到块
【发布时间】:2014-10-28 18:59:33
【问题描述】:

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

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

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>

【问题讨论】:

    标签: php symfony templates twig


    【解决方案1】:

    这应该可以解决问题:

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

    【讨论】:

    • 很遗憾有stacks,因为他们在Laravel。
    【解决方案2】:

    将内容附加/前置到内容较少的块的快捷方式,例如一个页面标题

    base.html.twig

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

    模板扩展基本布局

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

    【讨论】:

      【解决方案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 %}
      

      【讨论】:

        猜你喜欢
        • 2016-08-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-11-16
        • 1970-01-01
        • 2014-03-17
        • 2012-01-18
        相关资源
        最近更新 更多