9_L3" id=C9_L3></a><a href="#C9_L4" id=C9_L4></a><a href="#C9_L5" id=C9_L5></a><a href="#C9_L6" id=C9_L6></a><a href="#C9_L7" id=C9_L7></a></span></code></pre></div>
<p>If the user navigates to <code>/posts</code>, the current route will be
<code>posts.index</code>, and the <code>posts/index</code> template
will be rendered into the <code>{{outlet}}</code> in the <code>posts</code> template.</p>
<p>If the user then navigates to <code>/posts/favorites</code>, Ember.js will
replace the <code>{{outlet}}</code>