handlebars.js

Here's a typical Handlebars helper: Ember.Handlebars.helper 'myHelper', (value, options) -> ... According to this protip you can pass hash to Handlebars helpers. I looked over the source and found out that it provides both options.hash and options.data . I'm a bit confused as this wouldn't work as expected: {{#with controllers.currentCardCategory}} {{#each property in cardProperties}} <td class="td">{{cardProperty this property=property.symbol}}</td> {{/each}} {{/with}} this is the current Card record. Here I got property.symbol as string But this worked: {{#with controllers

I've found a lot of examples of using the {{#each}} helper to iterate over multi-dimensional arrays, but I can't figure out how to access each value in a one-dimensional array. For example, take this array: skills: ['Design', 'Development', 'HTML5', 'CSS', 'JavaScript'], How do I output each item, in a helper like below? template: Handlebars.compile( '<div>' + '{{#each skills}} {{ the_item_output }} {{/each}}' + '</div>' ), What do I need to put in placed of {{ the_item_output }} to see the actual item? {{#each skills}} <li>{{this}}</li> {{/each}} An array of scalar values should make use of

Lets say I have an array like this in ember controller, selectedUsers: ["Popeye", "Sulley", "Gru"]; Now, how can i render each users in an unordered list using handlebars? Can i use the {{#Each}} helper? Stoic Yes, you should use an each loop: <ul> {{#each selectedUsers}} <li>{{ this }}</li> {{/each}} </ul> From the docs : You can iterate over a list using the built-in each helper. Inside the block, you can use this to reference the element being iterated over. <ul class="people_list"> {{#each people}} <li>{{this}}</li> {{/each}} </ul> when used with this context: { people: [ "Yehuda Katz",

I am trying to make a simple link to google maps with a dynamic address inserted into the href field. I have tried the code below plus tons of other messing around with no luck. How do you interpolate a dynamic ember string in a handlebars href field? I am using ember,rails, and handlebars. I know how to use bindAttr if I had the entire url stored with my model but I only have the address. Putting the google url with every model seemed unnecessary if i could just call it once in the view. <h1>{{name}}</h1> <div> <p><a {{bindAttr href='http://maps.com/?1=address'}}>{{address}}</a></p> </div>