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

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [data]="parentData">
      <ng-template let-data="data">
        <p>{{ data }}</p>
      </ng-template>
    </app-child>
  `,
})
export class ParentComponent {
  parentData = 'Hello from parent';
}

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <ng-container *ngTemplateOutlet="template; context: { data: data }"></ng-container>
  `,
})
export class ChildComponent {
  @Input() data: any;
  @Input() template: any;
}