Angular 角度版本4.x表格行组件

我正在尝试创建一个可以用作表中的行的组件

<table class="table">
  <tbody>
    <my-row *ngFor="let id of ids" [id]="id"></my-row>
  </tbody>
</table>

执行此操作时，所有行都显示在一行上

下面是一个例子，说明了问题所在和我的期望

---

使用属性选择器可以获得所需的结果

<tr my-row *ngFor="let id of ids"  [id]="id"></tr>

@Component({
  selector: '[my-row]',
  template: `<td>{{ id }}</td>`,
})
export class Row {
  @Input() id;
}

@组成部分({
选择器：“[我的行]”，
模板：`{id}}`，
})
导出类行{
@输入（）id；
}