如何将模板从1个组件传递到另一个组件

时间:2018-05-31 19:34:42

标签: angular typescript angular2-template siblings

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>

我尝试在table.component.ts中使用<ng-content></ng-content>并从status.component.ts传递上面的模板

但它不起作用。有人可以建议如何通过这个模板吗?

提前致谢

1 个答案:

答案 0 :(得分:0)

如果您尝试将状态组件的模板传递到平板电脑组件,则可以声明平板电脑组件

您将声明这样的平板电脑组件html 您可以将所有平板电脑模板放在此处以及要插入的状态模板         

设置好平板电脑组件后,您可以将状态模板传递给它

<tablet-component></tablet-component>

您可以在此处将状态模板放在数位板组件选项卡

相关问题