How can I make Ember.js handlebars #each iterate over objects?

ember.js, javascript

Solution

Use `{{each-in}}` helper. You can use it like like `{{each}}` helper.

Example:

{{#each-in modelWhichIsObject as |key value|}}
  `{{key}}`:`{{value}}`
{{/each-in}}

JS Bin demo.

Problem

I'm trying to make the `{{#each}}` helper to iterate over an object, like in vanilla handlebars. Unfortunately if I use #each on an object, Ember.js version gives me this error: `Assertion failed: The value that #each loops over must be an Array. You passed [object Object]` I wrote this helper in attempt to remedy this: ``` Ember.Handlebars.helper('every', function (context, options) { var oArray = []; for (var k in context) { oArray.push({ key : k, value : context[k] }) } return Ember.Handlebars.helpers.each(oArray, options); }); ``` Now, when I attempt to use `{{#every}}`, I get the following error: `Assertion failed: registerBoundHelper-generated helpers do not support use with Handlebars blocks.` This seems like a basic feature, and I know I'm probably missing something obvious. Can anyone help? Edit: Here's a fiddle: http://jsfiddle.net/CbV8X/

Original source