我想为table
/ 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;
}
我想将数据传递给ng-content
(必须显示<td>
):
示例:<ng-content [dataRow]="subscription"></ng-content>
通过这种方式,我可以在我的Child组件中使用dataRow
。像dataRow.field
@Component({
selector: 'DatatableColumn',
template:`
<td>
dataRow.field
</td>
`
})
export class DatatableColumnComponent {
@Input()
field: String;
}
我不知道如何写它。有什么帮助吗?
由于