Angular 2写入父HTML

Angular 2写入父HTML,angular,Angular,我经常显示一个类的表数据,所以我写了很多行,如下所示: {{order.something} 我大概有15行。我不想在显示这些数据的多个组件之间复制/粘贴这些数据,而是想创建一个新组件,将其作为HTML,然后我可以使用输入将该组件包含在表的tr中 不幸的是,将这些单元格“捆绑”到父表中的一个td元素中。我如何告诉Angular 2将生成的HTML提升到一个级别 基本上,父表也有一组其他列,我只想这样使用它: <tr> <td>xyz</td> <

我经常显示一个类的表数据,所以我写了很多行,如下所示:

{{order.something}
我大概有15行。我不想在显示这些数据的多个组件之间复制/粘贴这些数据,而是想创建一个新组件,将其作为HTML,然后我可以使用输入将该组件包含在
表的
tr

不幸的是,将这些单元格“捆绑”到父表中的一个
td
元素中。我如何告诉Angular 2将生成的HTML提升到一个级别

基本上,父
也有一组其他列,我只想这样使用它:

<tr>
  <td>xyz</td>
  <td>123</td>
  <app-abbrev-table-values [abbrevs]="order"></app-abbrev-table-values>

xyz
123

< /代码>您可以考虑将<>代码:主机{显示:表cell;}添加到您的组件的CSS中,然后从模板中删除<代码> <代码>。尝试将指令放在<代码>模板< /代码>标签上。e、 g.
123
您能否发布用于替换15的组件的html和ts文件,以及用于替换15的通用组件的html和ts文件。基本上,在一个组件的html中,如果您添加了选择器,它应该显示html,而html应该只有s