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">
    ...

Fiddle

ng-repeat未正确呈现后，表内的图像

1 个答案: