如何通过angular 2中的父组件将自定义（html）模板传递给子组件？

我想将HTML模板传递给rowTemplate属性。模板将如下所示

        <grid
            [data]="sortedDeviceList"
            [multiSelect]="false"
            [enableSort]="true"
            [rowTemplate]="">
        </grid>

{{item.id}
{{item.name}

网格模板如下所示

<div> 
 <div>{{item.id}}</div>
 <div>{{item.name}}</div>
</div>

//模板应该出现在这里。

如何做到这一点？

@组件({
<div *ngFor="let item in data">
// template should appear here.
</div>

选择器：“网格”
模板：`
`
})
导出类GridComponent{
@输入（）数据：任意[]；
构造函数（私有templateRef:templateRef）{}
}

像这样使用它

@Component({
  selector: 'grid'
  template: `
<div *ngFor="let item in data" *ngForTemplate="templateRef" *ngOutletContext="{$implicit: data}">
</div>`
})
export class GridComponent {
  @Input() data:any[];
  constructor(private templateRef:TemplateRef) {}
}

{{item.id}
{{item.name}
<template #myTemplate>
  <div> 
   <div>{{item.id}}</div>
   <div>{{item.name}}</div>
  </div>
</template