Angular 4 - Template inheritance : <p>I have the following child component and it's inheritance parent component:</p>

<pre><code>@Component({
   template: `&lt;p&gt;child&lt;/p&gt;`
})
export class EditChildComponent extends EditViewComponent{
   constructor(){
     super();
   }
}



@Component({
   template: `&lt;p&gt;parent&lt;/p&gt;`
})
export class EditViewComponent{
   constructor(){
   }
}
</code></pre>

<p>Now is there any way to place the template of the EditViewComponent in the ChildComponents template like you would do with ng-content in nested components? How would I get the following result:</p>

<pre><code>&lt;p&gt;parent&lt;/p&gt;
&lt;p&gt;child&lt;/p&gt;
</code></pre>
