How to show API errors in Ember

example-ApplicationRoute.js

import Ember from 'ember';
import Notify from 'ember-notify';

export default Ember.Route.extend(ApplicationRouteMixin, {
 
  actions: {
    error: function (errorObject) {
      if (errorObject) {
        if (errorObject.status === 401) {
          return this.transitionTo('login');
        }
        if (errorObject.errors) {
          for(var error in errorObject.errors) {
            Ember.Logger.debug(error);
            Notify.warning(errorObject.errors[error]);
          }
        }
      }
    }
  }
});

example-controller.js

import Ember from 'ember';
import Notify from 'ember-notify';

export default Ember.ObjectController.extend({
  actions: {
   submitDetails: function() {
    var _this = this;
    this.get('model').save().then(
      function(returnedModel) {
        this.transitionToRoute('example', returnedModel);
      },
      function(errors) {
        _this.send('error', errors);
      }
    );
/*
  //ideally I would like to have just that
  //let the error bubble up and catch it up in ApplicationRoute somehow!
   submitDetails: function() {
    this.get('model').save().then(function(returnedModel) {
      this.transitionToRoute('example', returnedModel);
    });
*/
   }
  }
});