Расширения шаблонов во время расширений компонентов в Angular 5

Question

Anular 5: Для ясной структуры модуля я хочу создать AbstractParentComponent (который имеет повторно используемую логику и шаблон) и иметь возможность расширять его:

    @Component({
  selector: 'app-parent',
  template: ' //reusable header element with logic

              *here we should have ability to change part of tamplate*
               <ng-container *ngTemplateOutlet="customTemplate"> </ng-container>

       //reusable footer element with logic
'
})
export class ParentComponent{
//logic impl

И я хочу создавать расширенные компоненты, которые расширяют все родительские элементылогика, но реализовать собственную часть с пользовательским шаблоном:

 @Component({
  selector: 'app-child',
  template: '
             //here i wanna extend parent template
             /*something like*/ <ng-template #customTemplate>
             //some template impl
</ng-template>'
})
export class ChildComponent extends ParentComponent{}

Как это можно сделать?

Answer 1

Как насчет:

@Component({
selector: 'app-child',
  template: '<app-parent></app-parent>'
})
export class ChildComponent extends ParentComponent{}