Задать вопрос
@no_like

Как сделать Angular5 наследование компонента и расширение родительского теплейта?

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{}


(возможно вариант сделать специальный абстрактный компонент и в него вынести все общее).
  • Вопрос задан
  • 651 просмотр
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы