Emberjs: Router: Get another controller to connect outlets

Question

<script type="text/x-handlebars" data-template-name="application"> 
{{view App.UiMenuView}}
{{view App.UiMainContainerView}}
{{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="uiMainContainer">
<div id="uiMainContainer">
<div id="uiMainContainerSidebar">
{{#view App.SidebarView}}
<ul id="uiMainContainerSidebarList">
<li><a {{bindAttr href="view.tasksUrl"}}>Tasks</a></li>
<li><a {{bindAttr href="view.milestonesUrl"}}>Milestones</a></li>
<li><a {{bindAttr href="view.projectsUrl"}}>Projects</a></li>
<li><a {{bindAttr href="view.customersUrl"}}>Customers</a></li>
</ul>
{{/view}}
</div>
<div id="uiMainContainerContainer">{{outlet}}</div>
</div>
</script>  

I am wondering if there's a way to address the specifically the outlet from uiMainContainer? I tried something like:

test: Em.Route.extend({
            route: '/test',
            connectOutlets: function(router) {
                //router.get('applicationController').connectOutlet({ name: 'test' });
                router.get('uiMainContainerController').connectOutlet({ name: 'test'});
            }
        })  

This approach, however, seems to do nothing.