首页 > 解决方案 > Angular 5 - 将模板从祖父母传递给孩子

问题描述

我做了一些研究,但没有成功找到一种将 TemplateRef 从父组件传递到子组件的方法。

例子 :

祖父组件

<div>
    <parent-component>
        <ng-template #contentTemplate let-value="myvalue">
        </ng-template>
    </parent-component>
</div>

父组件

<div>
    <!-- pass here somehow the template from the parent to the child -->
    <child-component></child-component>
</div>

子组件

<div>
    <ng-template *ngTemplateOutlet="contentTemplate; context: {value: myValue}">
    </ng-template>
</div>

export class ChildComponent {
    @ContentChild('contentTemplate') contentTemplate
}

我希望我的子组件显示我的祖父组件提供的模板。

我应该怎么做?

标签: angulartemplatescomponentsangular5parent-child

解决方案


推荐阅读