title: Emberjs loading dynamic subview
body: <p>I'm just getting started with emberjs and I have some problems understanding how to dynamically change views within a view.</p>
  
  <p>I want to have a page with a calendar.
  This page has some buttons on the top to switch between different calendar views (day, week, month) and some filter options for the appointments within this view.</p>
  
  <p>See this mockup:
  <img src="https://i.stack.imgur.com/sijpB.png" alt="enter image description here"></p>
  
  <p>Currently I have created a calendar route and a CalendarIndexView and template.
  This template will contain the basic filter and view toggle buttons.
  Within the index view I can call another view to display the grid.</p>
  
  <pre><code>&lt;div class="calendar-container"&gt;
    {{view monthView}}
  &lt;/div&gt;
  </code></pre>
  
  <p>The collection/context that is attached to these different views should not change because the filter is also applied on this.</p>
  
  <p>The problem I have is that I don't know how to change the monthView to for example dayView after the "day" button is clicked.
  Should I handle this in a router, controller or in the main calendar view?
  If not view the router, how would make this view switching dynamic?</p>