Ember.js wizard control

Question

I have an ember.js wizard control with a number of steps.

An ember model object has its various properties set at each stage of the wizard.

The only way I ca

Answer 1

You don't have to use the model_id in your path. You just need to override the model property in the routes. A basic one would be:

@resource "steps", ->
  @route "one", {path: 'one'}
  @route "two", {path: 'two'}


Redbot.StepsRoute = Ember.Route.extend({
  model: function() {
    return App.User.createRecord({});
  }
});

Redbot.StepsOneRoute = Ember.Route.extend({
  model: function() {
    return this.modelFor('steps');
  }
});

Redbot.StepsTwoRoute = Ember.Route.extend({
  model: function() {
    return this.modelFor('steps');
  }
});

Each child route just uses the model defined in the parent route.

What ember does by default is just set the model using the model_id parameter, so overriding model gives you control over that functionality.