title: Is it possible to extend a Template in Angular 2?
body: <p>I am wondering if it's possible to take the html (and directives) that are already in one component's template and include them in some way in another component's template. This would be useful where one would be extending an existing component and would like to use its existing template but add some additional html/directives.</p>
  
  <p>In Twig (a popular php templating library) for example it's possible to <a href="https://twig.symfony.com/doc/2.x/tags/extends.html#child-template" rel="noreferrer">extend a template</a>:</p>
  
  <pre><code>{% extends "base.html" %}
  
  {% block title %}Index{% endblock %}
  {% block head %}
      {{ parent() }}
      &lt;style type="text/css"&gt;
          .important { color: #336699; }
      &lt;/style&gt;
  {% endblock %}
  {% block content %}
      &lt;h1&gt;Index&lt;/h1&gt;
      &lt;p class="important"&gt;
          Welcome on my awesome homepage.
      &lt;/p&gt;
  {% endblock %}
  </code></pre>
  
  <p>Is there any such thing like this in Angular 2? Again I'm not looking to embed an existing component but instead extend one.</p>