handlebars.js

Is there a way to insert a string with html tags into a handlebars template without getting the tags escaped in the outcoming string? template.js: <p>{{content}}</p> use the template HBS.template({content: "<i>test</i> 123"}) actual outcome: <p><i>test</i> 123</p> expected result: <p><i>test</i> 123</p> Praveen Try like <p>{{{content}}}</p> I got the official reference to support my answer: Handlebars HTML-escapes values returned by a {{expression}} . If you don't want Handlebars to escape a value, use the "triple-stash", {{{ . In your template you must add triple mustaches like this. <p>{{

This might seem a silly question but I can't seem to find the answer anywhere. I'm hitting this Web Api that returns an array of objects in JSON format: Handlebars docs shows the following example: <ul class="people_list"> {{#each people}} <li>{{this}}</li> {{/each}} </ul> in the context of: { people: [ "Yehuda Katz", "Alan Johnson", "Charles Jolley" ] } In my case I don't have a name for the array, it's just the root object of the response. I've tried using {{#each}} with no luck. First time using Handlebars... what am I missing? UPDATE Here's a simplified fiddle to show what I'm asking: http

I’m new to Handlebars.js and just started using it. Most of the examples are based on iterating over an object. I wanted to know how to use handlebars in basic for loop. Example. for(i=0 ; i<100 ; i++) { create li's with i as the value } How can this be achieved? There's nothing in Handlebars for this but you can add your own helpers easily enough. If you just wanted to do something n times then: Handlebars.registerHelper('times', function(n, block) { var accum = ''; for(var i = 0; i < n; ++i) accum += block.fn(i); return accum; }); and {{#times 10}} <span>{{this}}</span> {{/times}} If you

I have a handlebars.js template, just like this: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> And this is the generated output: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> As expected, I can access the id and title fields of every element of myCollection to generate my select. And outside the select, my externalValue variable is correctly printed ("myExternalValue").

How would you change the following code to make it work? The problem is the this == 'some message' expression: <ul> {{#each errors}} {{#if (this == 'some message') }} <li>Status</li> {{else}} <li>{{this}}</li> {{/if}} {{/each}} </ul> The easiest thing would be to add a custom if_eq helper: Handlebars.registerHelper('if_eq', function(a, b, opts) { if(a == b) // Or === depending on your needs return opts.fn(this); else return opts.inverse(this); }); and then adjust your template: {{#if_eq this "some message"}} ... {{else}} ... {{/if_eq}} Demo: http://jsfiddle.net/ambiguous/d4adQ/ If your errors