Ember Handlebars iterating over global javascript array

Question

I have an array: var eventTypes = [{name: x, value: y}, ... {...}...]; and I'm trying to iterate over this with handlebars. I've tried

{{#each eventTypes
{{/each}}

but no luck. so, how can I iterate over a javascript array?

FIX: Made an Array controller that held the array within it.

Blocks.EventTypesController = Em.ArrayController.extend({
content: eventTypes // controller eventTypes = global eventTypes
});

What's inside the {{#each}} block? Is anything printing? Errors? — Evan Davis
– Evan Davis, Commented Jan 10, 2014 at 17:45
Nothing. I'm looking more into the problem, and I believe it is because eventTypes is not within the context, so handlebars doesn't find the array. I tried Iterating over an array that didn't exist and nothing was shown and no error was thrown as well. — JJJ
– JJJ, Commented Jan 10, 2014 at 17:46

Kingpin2k · Accepted Answer · 2014-01-10 17:55:53Z

1

You need to attach that array to the controller which is backing the template, handlebars works within the scope of the controller, not the global scope.

App.SomeController = Em.Controller.extend({
  eventTypes: eventTypes // controller eventTypes = global eventTypes
});

answered Jan 10, 2014 at 17:55

Kingpin2k

47.4k10 gold badges80 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

megawac Over a year ago

He didnt mention ember

Kelly J Andrews · Accepted Answer · 2014-01-10 17:48:04Z

0

You will need to use this to get to each object in the array as well.

{{#each eventTypes}}
    {{ this }}      
{{/each}}

answered Jan 10, 2014 at 17:48

Kelly J Andrews

5,1211 gold badge21 silver badges32 bronze badges

2 Comments

JJJ Over a year ago

Problem is... handlebars is not finding the eventTypes array. I have the array in events.js. How can handlebars find where this array was declared?

Kelly J Andrews Over a year ago

then we need more code - how are you trying to pull in the array - can you set up a fiddle?

Collectives™ on Stack Overflow

Ember Handlebars iterating over global javascript array

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related