title: Understanding Ember routes
body: <p>Assume I have routemap like this:</p>
  
  <pre><code>App.Router.map -&gt;
      @resource 'posts', -&gt;
          @resource 'post', {path: '/:post_id'}
  </code></pre>
  
  <p>So I have list of posts on <code>/posts</code> route and a single post on <code>posts/2</code>. By default <code>posts</code> template will be rendered to <code>{{outlet}}</code> of a parent template (<code>application</code>) which is OK and <code>post</code> template to <code>{{outlet}}</code> of <code>posts</code> template which is not what I want. I want to replace list of posts with a single post. </p>
  
  <p>So I came with that solution to set desired template to render to it's <code>{{outlet}}</code>:</p>
  
  <pre><code>App.PostRoute = Em.Route.extend
      renderTemplate: -&gt;
          this.render(into: 'application')
  </code></pre>
  
  <p>But as a result I have list of posts and a single post rendered into one <code>{{outlet}}</code>. I can emtpy <code>{{outlet}}</code> each new route but then it breaks back button, cuz Ember wont render previous template again, assuming that is already rendered.</p>
  
  <p>So questions is how to use single <code>{{outlet}}</code> for different routes and don't break ember's logic. Of course I can avoid nested routes but they a really usefull when you need semantic links like this <code>post/2/comment/12/edit</code>.</p>