Question

我正在尝试使用Angular JS循环显示产品。

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

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

我尝试过产品名称后，我也尝试使用colspan = 5作为产品名称。他们都没有工作。

有人可以帮我解决这个问题吗。

Answer 1

这可能是你想要的：

false

是的，拥有多个<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>

是可以的

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

Answer 2

您想要ng-repeat-start和ng-repeat-end：https://docs.angularjs.org/api/ng/directive/ngRepeat#special-repeat-start-and-end-points

如何使用angularJS Loop在2个单独的行中显示数据

2 个答案: