title: How can I empty a named outlet in Ember?
body: <p>I've got a named outlet in my application template, which I'm using for modal (popup) views only. By default I want this to be an empty, unused outlet, as only about 5% of my routes will involve a modal display. For those particular modal routes, I'm inserting the modal template from the deeply nested child route, e.g.</p>
  
  <pre><code>App.NeeplyNestedModalChildRoute = Ember.Route.extend({
    renderTemplate: function() {        
      this.render({
        into: 'application',
        outlet: 'modal'
      });
    }
  });
  </code></pre>
  
  <p>The issue I'm having is that I want 'closing the modal box' to involve transitioning to a different, non-modal, less deeply nested route. I'm successfully transitioning to the correct route, but I can't figure out how to clear the modal outlet. How can I force the modal outlet to clear for all the non-modal routes?</p>
  
  <hr>