ng表重複不工作

Question

我是一個相當新的Web開發人員，只需要一些快速查看代碼的幫助。

我正在循環控制器中的一個對象，名爲「products」。在我想將其組織在一個表中之前，我正在顯示每個項目的所有數據。

任何人都可以看到我的代碼的問題？我是一個非常薄弱的​​前端設計師，後端是我的利基，所以這可能是一個非常簡單的錯誤。

<tr ng-repeat="product in Ctrl.products"> 
    <td><img ng-src= "{{product.image}}"></td> 
    <td> 
     <tr> 
      <td>Name:</td><td>{{product.name}}</td> 
     </tr> 
     <tr> 
      <td>Price:</td><td>{{product.price}}</td> 
     </tr> 
     <tr> 
      {{product.description}} 
     </tr> 
    </td>   
</tr> 

Answer 1

您不能在TD內插入TR。你需要在TD中插入一個完整的表格來達到你想要的。

<table> 
    <tr> 
    <td> 

     <table><tr><td>...</td></tr></table> 

    </td> 
    </tr> 
</table> 

Answer 2

您可以使用ROWSPAN屬性：

<table> 
    <tbody ng-repeat="product in Ctrl.products"> 
     <tr> 
      <td rowspan="2"><img ng-src= "{{product.image}}"></td> 
      <td>Name:</td><td>{{product.name}}</td> 
      <td rowspan="2">{{product.description}}</td> 
     </tr> 
     <tr> 
      <td>Price:</td><td>{{product.price}}</td> 
     </tr> 
    </tbody> 
</table>