Javascript 如何将数据传递给Angular 2中包含ng内容的子级?

Javascript 如何将数据传递给Angular 2中包含ng内容的子级?,javascript,angular,typescript,angular2-template,angular2-directives,Javascript,Angular,Typescript,Angular2 Template,Angular2 Directives,我想为表创建一个通用组件/tr/td 所以我有这个: <Datatable [data]="results"> <DatatableColumn [field]="name">1</DatatableColumn> <DatatableColumn>2</DatatableColumn> <DatatableCo

我想为
表创建一个通用组件
/
tr
/
td

所以我有这个:

            <Datatable [data]="results">
                <DatatableColumn [field]="name">1</DatatableColumn>
                <DatatableColumn>2</DatatableColumn>
                <DatatableColumn>3</DatatableColumn>
                <DatatableColumn>4</DatatableColumn>
            </Datatable>
我不知道怎么写。需要帮忙吗

谢谢

@Component({
  selector: 'Datatable',
  template: `
    <table>
        <tr #lineSelected *ngFor="let subscription of data">
            <ng-content></ng-content>
        </tr>
    </table>
  `,
  })
  export class DatatableComponent {

      @Input()
      data: Object;

  }
 @Component({
   selector: 'DatatableColumn',
   template:`
     <td>
        dataRow.field
     </td>
   `
  })
  export class DatatableColumnComponent {
      @Input()
      field: String;
  }