TWIG 模板设计快速入门手册中文(7)

来源：未知责任编辑：责任编辑发表时间:2015-09-09 15:34　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

你还可以在一个字符串内部插入一个表达式，通常这个表达式是变量。格式是 #{表达式}
{{ "foo #{bar} baz" }}
{{ "foo #{1 + 2} baz" }}
{{ "foo #{bar} baz" }}
{{ "foo #{1 + 2} baz" }}

空白控制
和 php一样，在TWIG模板标签之后的第一个换行符会被自动删掉，其余的空白（包括空格 tab 换行等）都会被原样输出。
使用spaceless标签就可以删除这些HTML标签之间的空白

{% spaceless %}
    <div>
        <strong>foo</strong>
    </div>
{% endspaceless %}

{# output will be <div><strong>foo</strong></div> #}
{% spaceless %}
    <div>
        <strong>foo</strong>
    </div>
{% endspaceless %}

{# output will be <div><strong>foo</strong></div> #}
使用-操作符，可以很方便的删除TWIG标签之前或之后与html标签之间的空白。
{% set value = 'no spaces' %}
{#- No leading/trailing whitespace -#}
{%- if true -%}
{{- value -}}
{%- endif -%}

{# output 'no spaces' #}
{% set value = 'no spaces' %}
{#- No leading/trailing whitespace -#}
{%- if true -%}
{{- value -}}
{%- endif -%}

{# output 'no spaces' #}
{% set value = 'no spaces' %}
<li>    {{- value }}    </li>

{# outputs '<li>no spaces    </li>' #}
{% set value = 'no spaces' %}
<li>    {{- value }}    </li>

{# outputs '<li>no spaces </li>' #}

结束，如果你坚持看到这里，恭喜自己吧，你又多掌握了一些知识，恭喜恭喜

摘自 jiaochangyun的专栏