在表格內部的圖像<tr>在ng-repeat沒有正確渲染後

Question

我有一個表格，它有一個由ng-repeat創建的動態trs，下面有另外一個應該包含圖像的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> 

問題是圖像始終顯示在表格之前。它不在表格內呈現，也不在表格內呈現。

有人可以請說明這一點。

這裏是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-重複產生在柱內部兩個小區）

<td colspan="2"> 
    ... 

Fiddle