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>