 <p>Here is a working fiddle for this example, <a href="http://jsfiddle.net/egft2ose/26/" rel="nofollow">http://jsfiddle.net/egft2ose/26/</a></p> <p>The correct way of writing router will be, </p> <pre><code>App.Router.map(function () { this.resource('foos', {'path' : '/foos/'}, function() { this.route('index',{'path' : ''}); /* Routes to foos/ */ this.route('foo',{'path' : '/:foo_id'}); /* Routes to foos/foo_id */ }); }); App.IndexRoute = Ember.Route.extend({ redirect : function() { this.transitionTo('foos'); } }); App.FoosIndexRoute = Ember.Route.extend({ model : function () { return ['Pune', 'Mumbai', 'New Delhi', 'Bengaluru']; } }); App.FoosFooRoute = Ember.Route.extend({ model : function(params) { return params.foo_id; } }); </code></pre>