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;
}