title: ng-content: transclude the content of the container element, and not the element itself?
body: <p>I have a modal dialog component based on Bootstrap with three primary child elements: <em>title, summary</em> and <em>footer</em>:</p>
  
  <pre><code>import { Component, Input } from '@angular/core';
  
  @Component({
    selector: 'modal',
    template: `&lt;div class="modal fade" tabindex="-1" role="dialog"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
          &lt;h4 class="modal-title"&gt;&lt;ng-content select="header"&gt;&lt;/ng-content&gt;&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;ng-content select="summary"&gt;&lt;/ng-content&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;ng-content select="footer"&gt;&lt;/ng-content&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;`
  })
  export class ModalComponent {
  }
  </code></pre>
  
  <p>The intention is to simplify the Bootstrap boilerplate:</p>
  
  <pre><code>&lt;modal&gt;
    &lt;header&gt;Hello world!&lt;/header&gt;
    &lt;summary&gt;A  message&lt;/summary&gt;
    &lt;footer&gt;Dialog footer&lt;/footer&gt;
  &lt;/modal&gt;
  </code></pre>
  
  <p>Unfortunately, the containing element (<em>header</em>, <em>summary</em> and <em>footer</em>) are also included in the "transclusion," which violates the Bootstrap format. Can I only transclude the container nodes' content?</p>