PolymerのためにTwigが中括弧を無視する方法を教えてください。

Question

私はTwigテンプレートでPolymerを使用しようとしています。しかし、私はデータをバインドするときにこの問題に直面しています。 {{}}は使用できません。これは、これをエコー区切り文字とみなすためです。

はどのように我々は小枝は、コードのこの部分では、中括弧を無視することができますか？

<iron-ajax auto url="http://demo.vaadin.com/demo-data/1.0/people" handle-as="json" last-response="{{peopleResponse}}"></iron-ajax> 
    <vaadin-grid items="{{peopleResponse.result}}"> 
    <table> 
     <colgroup> 
     <col name="firstName"/> 
     <col name="lastName"/> 
     <col name="email"/> 
     <col name="address.phone"/> 
     </colgroup> 
    </table> 
    </vaadin-grid> 

Answer 1

あなたは{{ '{{peopleResponse}}' }}を使用して二重の中括弧を 'エスケープ' することができます。

代わりに、小枝エコーの区切り文字を変更することができます。

$env->setLexer(new Twig_Lexer($env, [ 
    'tag_variable' => ['{[', ']}'], // Now you should use {[ ]} for twig 
])); 

Answer 2

1つの追加オプションは、Twig verbatim tags内のすべてのポリマーのコードを配置することです。

{% verbatim %} 
    // Polymer component code goes here 
{% endverbatim %}