Named outlets in Ember views

application.js.hamlbars

.navbar.navbar-fixed-top
  %ul.dropdown-menu
    %li.nav-header
      Projects
    %li.divider
    {{outlet projectNames}}
    %li.divider

application_router.coffee

App.Router = Ember.Router.extend
  root: Ember.Route.extend
    index: Ember.Route.extend
      route: '/'
      connectOutlets: (router)->
        projects = App.Project.fetch_all() #returns empty array, fill content after ajax returns
        router.get( 'applicationController' ).connectOutlet( { name: 'projectsMenu', context: projects, outletName: 'projectNames' } )

projects_menu.handlebars

{{#each project in controller}}
  <li>{{project.name}}</li>
{{/each}}

projects_menu_controller.js

App.ProjectsMenuController = Ember.ArrayController.extend()