I have "name" variable in the view and I want to display something like this in the rendered HTML:

${Jon}

Right now, my code is like this:

<li>
  {{name}}
</li>

I am storing name in the view directly as "${" + model.name + "}". But I dont want to store names this way, I want to display the characters $, { and } in the handlebars template.

How to you escape { and } in the handlebars to be normal strings?

I have "name" variable in the view and I want to display something like this in the rendered HTML:

${Jon}

Right now, my code is like this:

<li>
  {{name}}
</li>

I am storing name in the view directly as "${" + model.name + "}". But I dont want to store names this way, I want to display the characters $, { and } in the handlebars template.

How to you escape { and } in the handlebars to be normal strings?

• javascript
• html
• ember.js
• escaping
• handlebars.js

1 Answer 1

You can use the HTML ASCII code:

{ = '{'
} = '}'

example:

<li>&#123;{{item}}&#125;</li>

if item = 'apple', then this bees:

{apple}

JSBin example