title: replace component with its content - angular 2
body: <p>I am looking for a way to have a component that is rendered only with its content. For example, Given the component:</p>
  
  <pre><code>@Component({selector: 'my-cmp', template: '&lt;div&gt; my-cmp &lt;/div&gt;'})
  class MyComponent {
  }
  </code></pre>
  
  <p>rendering it with angular2 will add the following to the DOM: </p>
  
  <pre><code>&lt;my-cmp&gt;
      &lt;div&gt; my-cmp &lt;/div&gt;
  &lt;/my-cmp&gt;
  </code></pre>
  
  <p>While I want to find a way to render it directly as: </p>
  
  <pre><code>&lt;div&gt; my-cmp &lt;/div&gt;
  </code></pre>
  
  <p>Sadly since angular 2 is relatively new (just went beta) - Google is not so helpful, not to mention how lacking the current documentation is..</p>