CODEWITHSUNDEEP
javascriptphpsymfonyhandlebars.js
shaelex
shaelex

Reputation: 261

Handlebars/Mustache with Symfony/PHP7

I am trying to work with handlebar templates, but it's not going so well.

In *.html.twig I have:

<script id="entry-template" type="text/x-handlebars-template">
    <div class="entry">
        <h1>{{title}}</h1>
        <div class="body">
            {{body}}
        </div>
    </div>
</script>

<span id="demo">
</span>

<script>
    var source   = document.getElementById("entry-template").innerHTML;
    var template = Handlebars.compile(source);
    var context = {title: "My New Post", body: "This is my first post!"};
    var html    = template(context);
    document.getElementById("demo").innerHTML = html;    
</script>

And there is an error:

Variable "title" does not exist.

When I put this code in simple index.html w/o Symfony etc. it works. Any ideas how to fix it?

Upvotes: 0

Views: 694

Answers (2)

Chris
Chris

Reputation: 799

There is a repo on Github which lets you define your own custom delimiters for Handlebar templates.

Upvotes: 0

Simba
Simba

Reputation: 5032

This is happening because Twig is also an HTML templating language which also uses {{ ... }} syntax to denote variables, just like Mustache is, so Twig is trying to parse it before outputting the HTML.

If you want to use Twig and Mustache together, then you'll need to escape/double-encode the curly braces that are intended for Mustache so that Twig doesn't try to parse them first.

Upvotes: 1

Related Questions