></code></pre></div>
<p>The <code>index</code> template will be rendered into the <code>{{outlet}}</code> in the
<code>application</code> template. If the user navigates to <code>/favorites</code>,
Ember.js will replace the <code>index</code> template with the <code>favorites</code>
template.</p>
<p>A nested router like this:</p>
<div class="filename javascript"><div class="ribbon"></div><span>app/router.js</span><pre class="language-javascript line-numbers"><code class="javascript language-javascript">Rout