handlebars.js

Hey guys! Because there seem to be no answer on this: Passing variables through handlebars partial yet, I'm currently working on a little workaround to get this work. So, the idea is to register a helper function which renders a specific template with possible values. A bit code makes it better to understand. This is how a I'd invoke my helper: <div> {{myHelper}} </div> This helper is registered with this little code: hbs.registerHelper(name, function (args) { args = args || {}; var template = hbs.compile(fs.readFileSync(__dirname + '/' + file, 'utf8')); return template(args); }); I put this

Using the already-overused to-do app example, let's say I want an element with a "todo" class (static) and an "is-done" class (dynamic): <div {{bindAttr class="todo isDone"}}> Other stuff in here </div> In this case, "isDone" and "todo" are both expected to be properties on my view object, which is what I want for "isDone", but not for "todo". I'm currently working around this by adding a "todo" property on my view that is equal to a static "todo" string. Is there any way to have a static class attribute when using bindAttr? Fiddle example: http://jsfiddle.net/nes4H/4/ EDIT: We've fixed this

It is easy to iterate an array with Handlebars.js like: {{#each comments}} <div class="comment"> <h2>{{title}}</h2> {{{{url}}} </div> {{/each}} and an array like: { comments: [ { url: "http://www.yehudakatz.com", title: "Katz Got Your Tongue" }, { url: "http://www.sproutcore.com/block", title: "SproutCore Blog" }, ] } But I don't find a method to iterate a map like: { headers: { "Host": "www.example.com", "Location": "http://www.example.com", ... Much more map items ... } } Is there any method to iterate a map with Handlebars.js? Or I have to restructurate the object like: { headers: [ { key:

How can one use each input values in events ? Hope my below code will explain you well. HTML: <template name="UpdateAge"> {{#each Name}} <div data-action="showPrompt"> <div> Some content </div> <div> <div> Some content </div> </div> <div> Name : {{name}} Age : <input type="text" name="age" value="{{age}}"/> //I need to access age values in event </div> </div> {{/each}} <template> JS: Template.UpdateAge.events({ 'click [data-action="showPrompt"]': function (event, template) { console.log(event.target.age.value); // TypeError: event.target.age.value is undefined } }); I dont know whether my