我有以下内容
<tbody ng-repeat="history in orderHistory">
<tr>
<td>{{history.reference_code}}</td>
<div ng-repeat="items in history.orderedItems">
<td>{{items.product_description}}</td>
<td>{{items.quantity}}</td>
</div>
<td>
</tr>
</tbody>
似乎第二次ng-repeat不起作用,{{items.quantity}}或项目.任何事情都不会最终显示出来.
有任何想法吗？
当我只是测试它时它是有效的
<div ng-repeat="history in orderHistory">
<div ng-repeat="items in history.orderedItems">
{{items.product_description}}
</div>
</div>
但我真的需要它在桌子里面
我尝试了以下方法：
<tbody>
<tr ng-repeat="history in orderHistory">
<td>{{history.reference_code}}</td>
<div ng-repeat="items in history.orderedItems">
<td>{{items.product_description}}</td>
<td>{{items.quantity}}</td>
</div>
<td>
</tr>
</tbody>
仍然无法正常工作
解决方法
更新的答案
http://plnkr.co/edit/x0ZxWSy6JN3fo961NbQX?p=preview
以下内容可以帮到你.
<table ng-controller="myCtrl">
<tbody>
<tr ng-repeat="history in orderHistory">
<td>{{history.reference_code}}</td>
<td ng-repeat-start="items in history.orderedItems">
{{items.product_description}}<//td>
<td ng-repeat-end>{{items.quantity}}</td>
</tr>
</tbody>
</table>
老答案—–
由于评论,保留以前的答案是出于历史原因.
问题是tbody – 不应该重复.我和< p>有类似的问题.就像你在这里看到的一样.
这是一个小提琴http://jsfiddle.net/yogeshgadge/02y1jjau/1/,它的工作原理 – tbody改为div.
这是一个tbody不起作用的演示http://jsfiddle.net/yogeshgadge/2tk3u7hq/4/
试试这个 – 移动ng-repeat on< tr>
<tbody>
<tr ng-repeat="history in orderHistory">
<td>{{history.reference_code}}</td>
<div ng-repeat="items in history.orderedItems">
<td>{{items.product_description}}</td>
<td>{{items.quantity}}</td>
</div>
<td>
</tr>
</tbody>
