表内的图像 <tr> ng-repeat之后无法正确呈现

Question

我有一个表，该表的动态trs由一个ng-repeat创建，就在它的正下方，我还有另一个应该包含图像的tr。

<table>
<tr><th>Name<th>Age</th></tr>
<tr ng-repeat="obj in Data"><td>{{obj.name}}</td><td>{{obj.age}}</td></tr>
<tr><img src="http://jimpunk.net/Loading/wp-content/uploads/loading1.gif"/>/tr>
</table>

问题是图像始终显示在表格之前，而不在表格内部或tr中呈现。

有人可以说明一下吗？

这是JSFiddle演示的问题

Answer 1

我认为您需要将图像包装在<td>标记内。

<tr>
    <td>
        <img src="http://jimpunk.net/Loading/wp-content/uploads/loading1.gif"/>
    </td>
</tr>

此外，代码中的<tr>结束标记也已损坏。 /tr>

您还可以将colspan属性添加到<td>标记并将其设置为2，以维护表结构。 （因为ng-repeat在列内产生两个单元格）

<td colspan="2">
    ...

小提琴