How to render Link-to in Menu in application outlet?

1

This is my Router:

App.Router.map(function(){
  this.resource('room', { path:'/room/:room_url' }, function(){
    this.route('settings');
  });
});

My menu is rendered in the application template:

  <script type="text/x-handlebars" data-template-name="application">
    {{render "menu"}}
    {{outlet}}
  </script>

I have a link in my menu template

{{#link-to "room.settings"}}Room Settings{{/link-to}}

How do I get this link in the menu template to render “room/settings” into the application outlet?