title: Ember: hooking up nested route
body: <p>I'm trying to figure out how to get a simple model hooked up to a route nested in a resource. I'm confused because the ember inspector says it is looking for DesktopMessageRoute and DesktopMessageController... but the message template only responds to MessageController (controllers/message_controller.js) and I have tried every combination of filename and location both with desktop appended to message and not. What am I missing?</p>
  
  <p>router.js</p>
  
  <pre><code>EmberApp.Router.map(function () {
    this.resource('desktop', function(){
      this.route('message');
    });
  });
  </code></pre>
  
  <p>desktop_route.js</p>
  
  <pre><code>var room = {
    roomName: "room",
    users: ["me","you"]
  }
  
  EmberApp.DesktopRoute = Ember.Route.extend({
  
    model: function(params) {
      return room;
    },
  
    renderTemplate: function(){
      this.render();
      this.render('message', {
        into: 'desktop',
        outlet: 'message'
      })
    }
  });
  </code></pre>
  
  <p>routes/message_route.js</p>
  
  <pre><code>var messages = [{text: "hey"},{text: "yo"}]
  
  EmberApp.MessageRoute = Ember.Route.extend({
    model: function(){
      return messages;
    }
  });
  </code></pre>
  
  <p>templates/desktop.hbs</p>
  
  <pre><code>{{outlet message }}
  </code></pre>
  
  <p>templates/message.hbs</p>
  
  <pre><code>   {{#each}}
        {{ text }}
     {{/each}}
  </code></pre>