Html 如何使用angularJS循环在两个单独的行中显示数据

我正在尝试使用Angular JS loop显示产品

<tr ng-repeat="od in OrderDetail">
    <td> {{ od.ProductName }} </td><br />
    <td  align='right'> {{ od.MRP }} </td>
    <td align='right'> {{ od.SellPrice }} </td>
    <td> {{ od.Quantity }} </td>
    <td align='right'> {{ od.Quantity * od.SellPrice | currency:""}}</td>
</tr>

{{od.ProductName}}

{{od.MRP}}
{{od.SellPrice}}
{{od.Quantity}
{{od.Quantity*od.SellPrice |货币：'}}

我的要求是在一行显示产品名称，然后在下一行显示MRP、售价、数量、总计。。。等等

我试着在产品名称之后使用colspan=5作为产品名称。他们都没有工作

---

有人能帮我吗。

你想要

ng repeat start

和

ng repeat end

：

你想要

ng repeat start

和

ng repeat end

：

这可能就是你想要的：

<table>
  <tbody ng-repeat="od in OrderDetail" >
     <tr>
       <td colspan="4"> {{ od.ProductName }} </td>
      </tr>
     <tr>
       <td align='right'> {{ od.MRP }}  </td>
       <td align='right'> {{ od.SellPrice }}</td>
       <td>  {{ od.Quantity }}</td>
       <td align='right'> {{ od.Quantity * od.SellPrice | currency:""}}</td>
     </tr>
    </tbody>
</table>

{{od.ProductName}
{{od.MRP}}
{{od.SellPrice}}
{{od.Quantity}
{{od.Quantity*od.SellPrice |货币：'}}

是的，可以有多个

---

编辑：如果您只更改整个数组（例如更新数组），而不修改数组中的元素，那么最好在ngRepeat中使用：：for变量。这将减少所需的观察者数量。

这可能是您想要的：

<table>
  <tbody ng-repeat="od in OrderDetail" >
     <tr>
       <td colspan="4"> {{ od.ProductName }} </td>
      </tr>
     <tr>
       <td align='right'> {{ od.MRP }}  </td>
       <td align='right'> {{ od.SellPrice }}</td>
       <td>  {{ od.Quantity }}</td>
       <td align='right'> {{ od.Quantity * od.SellPrice | currency:""}}</td>
     </tr>
    </tbody>
</table>

{{od.ProductName}
{{od.MRP}}
{{od.SellPrice}}
{{od.Quantity}
{{od.Quantity*od.SellPrice |货币：'}}

是的，可以有多个

---

编辑：如果您只更改整个数组（例如更新数组），而不修改数组中的元素，那么最好在ngRepeat中使用：：for变量。这将减少所需的观察者数量。

如果您想要垂直布局，为什么要使用

？我不知道还有其他方法可以做到这一点。既然

是水平的，为什么不嵌套

或其他块元素？如果你想要垂直布局，为什么要使用

？我不知道还有其他方法。既然

是水平的，为什么不嵌套

或其他块元素呢？