EmberJS Handling Promise Rejection

application.hbs

{{error-alert
	message=message
}}

{{outlet}}

error-alert.hbs

{{#if message}}
	<div class="alert alert-danger alert-dismissible" role="alert">
	
		{{message}} 

		<button {{action 'dismiss'}} type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span  aria-hidden="true">&times;</span>
		</button>
		
	</div>
{{/if}}

error-alert.js

export default Ember.Component.extend({
	actions: {
		dismiss: function() {
			this.set('message', null);
		}
	}
});

someRoute.js

export default Ember.Route.extend({
    error: function(error, transition) {
      if(error) {
        switch (error.status) {
          case 416:
            this.transitionTo(this.router.get('url'));
            this.controllerFor('application').set('message', error.responseJSON.message);
          break;
          default:

          break;
        }
      }
    }    
  },