title: How to inject html elements into custom component
body: <p>I Need to pass html Elements into a custom created components via the template file. Let's imagine I have a component called <code>&lt;app-card&gt;&lt;/app-card&gt;</code> that represents a Card layout with specific style, but I don't want to create this component everytime from Scratch when I Need it. So it would be a good Approach I think to create a custom UI component for this element. But now when I use this component, I want to pass some other html Elements into it, for example a H2 and some p-tags: </p>
  
  <pre><code>&lt;app-card&gt;
    &lt;h2&gt;New child I passed&lt;/h2&gt;
    &lt;p&gt;And another one&lt;/p&gt;
  &lt;/app-card&gt;
  </code></pre>
  
  <p>When I test it, this way wouldn't work. Does anyone know how I can achive that nested components?</p>
  
  <p>Thank you very much!</p>