title: EmberJS Nested Views and Controllers
body: <p>I'm writing an app with EmberJS v1.0.pre. I have an <code>ArrayController</code> which contains a list of all persons. There are a bunch of nested views showing the person, their pets and the notes for each pet.</p>
  
  <pre><code>|----------------------------------------|
  | John                                   | &lt;- Person
  |----------------------------------------|
  |   Quincy (Dog)                         | &lt;- Pet
  |     - Super ornery                     | &lt;- Note
  |     - Likes XYZ Dog food               |
  |     - Will eat your socks              |
  |                                        |
  |   Tom (Cat)                            |
  |    - Always (not) catching mice        |
  |                                        |
  |----------------------------------------|
  | Roger                                  |
  |----------------------------------------|
  |   V (Dog)                              |
  |    - Likes XYZ Dog food                |
  |    - Sneezes, but it's ok              |
  |                                        |
  |----------------------------------------|
  | ...                                    |
  </code></pre>
  
  <p>From the pure MVC standpoint it feels like there should be a controller for each child, but I can't figure out how to achieve that in Ember. There is the top Array controller and then all the individual views. If I want to delete a note, or edit it, it seems like I need to pass the view's context up to the controller.</p>
  
  <pre><code>// in the view
  click: function () {
    this.get('controller').updateNote(this.get('content'))
  }
  </code></pre>
  
  <p>This feels really bad to me, the View is not supposed to be the authoritative source for data. My assumption is that an ArrayController would instantiate an <code>itemControlerClass</code> along with the <code>itemViewClass</code>.</p>
  
  <p><strong>UPDATE:</strong> I have created a <a href="http://jsfiddle.net/noazark/HmHK3/">fiddle</a> to better illustrate my problem. The functionality is intentionally incomplete, the purpose is to finish the functionality by increasing the content when an item on the list is clicked.</p>
  
  <p><strong>UPDATE:</strong> Sorry, I deleted the fiddle on accident! I'm doing some work on a final solution, so I'll try to create a new fiddle w/ the solution.</p>