title: Undestanding Ember Route hooks to redirect
body: <p>I have this router setup</p>
  
  <pre><code>this.route('dashboard', function () {
      this.route('numbers');
      this.route('workspaces', function () {
          this.route('workspace', {path: '/:wid'});
  });
  </code></pre>
  
  <p>dashboard.workspaces is a link in navigation bar. When you click it loads dashboard.workspaces.workspace and immediately redirects to first subnav. I do it like this:</p>
  
  <pre><code>export default Ember.Route.extend({
  
       model: function() {
           return this.modelFor('dashboard');
       },
  
       afterModel: function(model) {
           this.transitionTo('dashboard.workspaces.workspace', model.get('workspaces.firstObject.id'));
       }
  }
  </code></pre>
  
  <p>It's all good except when I'm already on dashboard.workspaces.workspace route and click dashboard.workspaces then "afterModel" hook is not called and I end up on dashboard.workspaces, which is unwanted empty page. Are there other hook that would be always called? I have already tried "activate" and few others with no luck.</p>
  
  <p>Would be also nice to be able to save last subnav transition and redirect to in when click on main nav.</p>