Как передать шаблон из одного компонента в другой

Question

app.module.ts - корневой модуль.

Имеет 2 дочерних модуля - 1. table.module.ts и 2. status.module.ts

Компонент таблицы является оболочкой для ngx-datatable.Мне нужно передать ниже шаблон из status.component.ts в table.component.ts:

<ngx-datatable-group-header *ngIf="groupRowsBy" >
    <ng-template let-group="group" let-expanded="expanded" ngx-datatable-group-header-template>
        <span>
            <button (click)="showStatus(group)">{{group.key}}</button>
        </span>
    </ng-template>
</ngx-datatable-group-header>

Я пытался использовать <ng-content></ng-content> в table.component.ts и передать выше шаблон из status.component.ts

Но это не работает.Кто-нибудь может подсказать, пожалуйста, как пройти этот шаблон?

Заранее спасибо

Answer 1

Если вы пытаетесь передать шаблон вашего компонента статуса компоненту планшета, вы можете объявить свой компонент планшета

Вы объявите свой HTML-компонент планшета следующим образом. Вы можете поместить весь шаблон планшета здесь и везде, где выЕсли вы хотите вставить шаблон статуса, вы поместите

После того, как ваш планшетный компонент настроен, вы можете передать ему свой шаблон статуса следующим образом:

<tablet-component></tablet-component>

Здесь вы поместите шаблон статуса внутри планшета.вкладка компонента