Angular 5-将模板从祖父母传递给孩子

时间:2018-06-19 15:42:24

标签: angular templates components angular5 parent-child

我已经进行了一些研究,但没有成功,但没有找到将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
}

我希望我的子组件显示我的grand-parent-component给定的模板。

我应该怎么做?

0 个答案:

没有答案