title: Ember.js: transitionTo route, then to dynamic segment
body: <p>I have a Router set up with accounts, and account/:account_id options. When the user lands on the index page of my app I transition them to the accounts route.</p>
  
  <pre><code>Social.Router.map(function() {
      this.resource('accounts', function(){
          this.resource('account', { path: ':account_id'});
      });
  });
  
  Social.IndexRoute = Ember.Route.extend({
      redirect: function() {
          this.transitionTo('accounts');
      }
  });
  </code></pre>
  
  <p>What I'd like to do is to transition them to a specified :account_id route based on some criteria. At the moment I just want to get the first account in the array and use that. But in the future it could be a way to transition them to the last account they were viewing. Something like this:</p>
  
  <pre><code>Social.IndexRoute = Ember.Route.extend({
      redirect: function() {
          this.transitionTo('accounts/:account_id');
      }
  });
  </code></pre>
  
  <p>The docs give "detail" but don't provide an example, only offering the following:</p>
  
  <blockquote>
    <p><strong>transitionTo (name, models)</strong></p>
    
    <p>Transition into another route. Optionally supply a model for the route
    in question. The model will be serialized into the URL using the
    serialize hook.</p>
  </blockquote>
  
  <p>I've tried the following:</p>
  
  <pre><code>this.transitionTo('accounts/4');
  Uncaught Error: assertion failed: The route accounts/4 was not found
  
  this.transitionTo('accounts', Social.Account.find(1));
  Uncaught More objects were passed than dynamic segments
  </code></pre>