angular 2 include html templates
<p>in angular 2 I need to create a large html-template with redundant parts.
Therefore I want to create multiple html-templates and put them together by including them in the main html-file (like ng-include in angular1)</p>

<p>But how can I include sub-templates in the main-template?</p>

<p>example:</p>

<pre><code>&lt;!-- test.html --&gt;

&lt;div&gt;
    this is my Sub-Item
    &lt;!-- include sub1.html here--&gt;
&lt;/div&gt;
&lt;div&gt;
    this is second Sub-Item
    &lt;!-- include sub2.html here--&gt;
&lt;/div&gt;
</code></pre>

<p>-</p>

<pre><code>&lt;!-- sub1.html --&gt;
&lt;div&gt;
    &lt;button&gt;I'am sub1&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>-</p>

<pre><code>&lt;!-- sub2.html --&gt;
&lt;div&gt;
    &lt;div&gt;I'am sub2&lt;/div&gt;
&lt;/div&gt;
</code></pre>