在应用了 ngFor 的组件中使用时，表行不会中断

Question

使用 AngularJS 2.3.1，在以下 html 模板代码中：-

<table>
   <tr>
     <th>col 1</th>
     <th>col 2</th>
   </tr>
   <tr>
     <td>sum 1</td>
     <td>sum 2</td>
   </tr>
   <tablerow *ngFor="let i of data" [item]="i"></tablerow>
</table>

其中tablerow组件 html 模板是：-

<tr>
  <td>{{item.col1}}</td>
  <td>{{item.col2}}</td>
</tr>

当它被渲染时，组件生成的表行不会像普通表行那样被破坏。

为什么会发生这种情况？我需要做什么来解决这个问题？这是一个错误吗？

Answer 1

那不应该起作用。

TableRow相反，使用属性选择器创建组件

selector: '[tablerow]'

和一个模板

<td>{{item.col1}}</td>
<td>{{item.col2}}</td>

并像这样使用它

<tr tablerow *ngFor="let i of data" [item]="i"></tr>