title: Angular2+ render a component without any wrapping tag at all
body: <p>My child-component looks like:</p>
  
  <pre><code>...
  @Component({
      selector: '[child-component]'
      templateUrl: './child.template.html'
  })
  ...
  </code></pre>
  
  <p>and my parent template like:</p>
  
  <pre><code>&lt;span child-component [someInput]="123"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>now I want to render the content of my child component without the <code>&lt;span&gt;</code> container around it. I want no container at all in my parent component's template, just the content of our child-component's template.</p>
  
  <p>I tried some other tags already.</p>
  
  <ul>
  <li><code>&lt;ng-content&gt;</code> (nothing rendered at all)</li>
  <li><code>&lt;ng-template&gt;</code> (Components on an embedded template:)</li>
  <li><code>&lt;ng-container&gt;</code> (Failed to execute 'appendChild' on 'Node')</li>
  </ul>
  
  <p>Thanks in advance!</p>