title: ng-content angular2 does not work for botstrapped component
body: <p>I've created ContentPage component as follows:</p>
  
  <pre><code>@Component({ selector: 'content-page',
    template: '&lt;ng-content&gt;&lt;/ng-content&gt;' })
  export class ContentPage {
  }
  </code></pre>
  
  <p>and then bootstrapped it within the module:</p>
  
  <pre><code>@NgModule({
      imports:      [ BrowserModule ],
      declarations: [ ContentPage ],
      bootstrap:    [ ContentPage ]
  })
  export class AppModule { }
  </code></pre>
  
  <p>The page template is:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    ... angular2 quickstart head ...
    &lt;body&gt;
      &lt;div class="container" style="padding-top: 20px"&gt;
        &lt;content-page&gt;
          &lt;div style="float: right; width: 150px"&gt;
            &lt;content-button-edit&gt;&lt;/content-button-edit&gt;
          &lt;/div&gt;
          &lt;div data-page-id="{{page-id}}"&gt;
            Some content here
          &lt;/div&gt;
        &lt;/content-page&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When the page loads, the "Some content here" appears for a moment and then disappears. I suppose that it should be inserted instead of ng-content in the ContentPage's template as I have ng-content directive in it. When I change the page template, it changes the output so it is definitely applied.</p>
  
  <p>Is there a way to preserve the markupped content of the component?</p>
  
  <p>Update:</p>
  
  <p>What I want to achieve is to generate the HTML page with content on server and then just add the dynamic functionality.</p>
  
  <p>As the content-button-edit should actually hide "Some content here" and display edit page control instead, I'm thinking about using the container component that contains both  and .</p>
  
  <p>So template or templateUrl are not the options.</p>