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

Question

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/

Answer 1

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.

Answer 2

After fiddling with it for a few hours, I came up with this hacky way:

Ember.Handlebars.registerHelper('every', function(context, options) {
  var oArray = [], actualData = this.get(context);

  for (var k in actualData) {
    oArray.push({
      key: k,
      value: actualData[k]
    })
  }

  this.set(context, oArray);
  return Ember.Handlebars.helpers.each.apply(this, 
      Array.prototype.slice.call(arguments));
});

I don't know what repercussions this.set has, but this seems to work!

Here's a fiddle: http://jsfiddle.net/CbV8X/1/