Angular5. У меня уже имеется написанный компонент с реализованным функционалом. Я хочу сделать на основе его дочерний компонент, унаследовать логику, но при этом заменить часть родительского template:
@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{}
(возможно вариант сделать специальный абстрактный компонент и в него вынести все общее).