时间戳

首页 > 解决方案 > 将父 ng-template 数据传递给子 ng-template

angular - 将父 ng-template 数据传递给子 ng-template

问题描述

我们可以在另一个 ng-template 中有一个 ng-template。如果可能的话，如何将父 ng-template 数据传递给它的子 ng-template？我尝试了几种不同的方法，但对我没有任何作用。

 <ng-template let-r="result" #rt>
        {{r.categoryName}}
        <li *ngFor="let item of r.subCategoriesList">
          {{item}}
         </li>

     <ng-template>
       // i need get some data to this ng-templete from parent
    </ng-template>

</ng-template>

标签： angular

解决方案

<ng-template>是一个模板定义。eg*ngTemplateOutlet是一个模板实例。模板定义不应包含其他定义，但可以包含模板实例、组件实例等，例如：

<div *ngTemplateOutlet="template1; context: {param: 'world'}" >

</div>

<ng-template #template1 let-param="param">
    <div *ngTemplateOutlet="template2; context: {param: param}" >

    </div>
</ng-template>

<ng-template #template2 let-param="param">
    Hello {{param}}
</ng-template>

推荐阅读