Substate loading/error not working

[ghost]

/router.js

Router.map(function() {
  this.resource('dashboard', { path: '/' }, function() {
    this.route('settings');
  });
});

/routes/dashboard/index.js

export default Ember.Route.extend({
  model: function() {
    return new Ember.RSVP.Promise(function(resolve, reject) {
      Ember.run.later(function() {
        resolve();
      }, 1000);
    });
  }
});

/templates/dashboard/loading.hbs

Dashboard Index Loading...

When I transition to 'dashboard.index' route, the substate loading template should display into the outlet of dashboard. But, it doesn't work.

I tried the same code without ember-app-kit, then it works.

Any help?

[rwjblue]

@kindalabs - This may be an issue with the resolver. See ember-cli/ember-resolver#13. Does this seem to be the same issue?

[rwjblue]

See detailed response here: ember-cli/ember-resolver#13 (comment), but this is an issue with the container not normalizing things properly. An update to Ember 1.4.0-beta.2 will resolve the issue.

[ghost]

@rjackson Thank you! It was resolved by upgrading to Ember 1.4.0-beta.2.

[rwjblue]

@kindalabs - Awesome, glad it worked.

[stefanpenner]

Fantastic :)

[Ghostavio]

I'm having this problem, but not with loading substate, only with error, it's impossible to to get to the error template or router

[fsmanuel]

@Ghostavio have you looked into #584? Are you on application route level?

[Ghostavio]

Yes I am, so I can't handle all the errors in the application level? What's the recommended way to handle errors?