title: angular 2 access ng-content from withing the component WIHTOUT remdering the ng-content
body: <p>I am using a modal component and to improve its performance and make it more stable i want to only append the modal to the body of the page as soon as it should be opened.</p>
  <p>The Modal is using <code>&lt;ng-content&gt;&lt;/ng-content&gt;</code> which means a modal looks something like this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;app-modal [id]="'delete-modal-'+entry?.uuid"
             size="small"&gt;
    &lt;ng-container slot="title"&gt;
      Modal Title
    &lt;/ng-container&gt;
    &lt;ng-container slot="content"&gt;
      Modal Content with some Inputs
    &lt;/ng-container&gt;
    &lt;ng-container slot="actions"&gt;
      &lt;div class="modal-actions-row"&gt;
        &lt;app-custom-button&gt;
          Close
        &lt;/app-custom-button&gt;
        &lt;app-custom-button&gt;
           Save
        &lt;/app-custom-button&gt;
      &lt;/div&gt;
    &lt;/ng-container&gt;
  &lt;/app-modal&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>as Mentioned in <a href="https://stackoverflow.com/questions/36545478/angular-2-access-ng-content-within-component">this</a> Thread there are several possibilities to access the ng-content inside of the modal component, but they all require the ng-content to be in the template. I would like to use the ng-content together with a inner modal component which will be appended to the  of the Page as soon as its opened.</p>
  <p>Are there solutions to achive something like this while still using the same syntax for the app-modal component?</p>