I'm looking for some clarification on views in Ember.js

Coming from a rails background and I'm trying to ignore any preconceptions. From what I understand of the ember framework there are 5 components:

  • Routes: This is where we define the state of the application. The state is reflected in the URL. We can also define data loading here. Route classes are defined and on startup ember creates route objects which last for the duration of the application.
  • Models: This is where object data is defined. Can also define computed properties. A model object is created for each json object returned from the server.
  • Controllers: This mediates interactions between the models and templates/views. Controller classes are defined and on startup ember creates controller objects which last for the duration of the application. There is only ever a single instance of each controller class.
  • Templates: These describe the generated markup.
  • Views: These are specific templates or dom elements relating to a model. These are used to define interface events and send them to the controller for handling. Not sure when to create these.

As an example lets say I have a EventsController that has data loaded on the applicationRoute:

ScheduleApp.EventsController = Ember.ArrayController.extend();

ScheduleApp.ApplicationRoute = Ember.Route.extend({
  setupController: function() {
    this.controllerFor('events').set('content', ScheduleApp.Event.find());
  }
});

Now in my template instead of iterating over each and displaying the information I want to iterate over each and create an associated view so I can add interactions to each event. I presume I would need to create a new view for each event and have it display in my template. However, I'm not sure where I create these views. Do I define a view class and then ember will create a new view object each time I call it using the view helper? Eventu

model-view-controller ember.js ember-data
Edit
Report