Yea*_*eak 7 javascript angularjs ng-repeat angularjs-ng-repeat
我有以下内容
<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>
Run Code Online (Sandbox Code Playgroud)
似乎第二次ng-repeat不起作用,{{items.quantity}}或项目.任何事情都不会最终显示出来.
有任何想法吗?
当我只是测试它时,它的工作原理
<div ng-repeat="history in orderHistory">
<div ng-repeat="items in history.orderedItems">
{{items.product_description}}
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
但我真的需要它在桌子里面
我尝试了以下方法:
<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>
Run Code Online (Sandbox Code Playgroud)
仍然无法正常工作
更新的答案
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>
Run Code Online (Sandbox Code Playgroud)
老答案-----由于评论,保留以前的答案是出于历史原因.问题是tbody - 不应该重复.<p>就像你在这里看到的一样,我遇到了类似的问题.
这是一个小提琴http://jsfiddle.net/yogeshgadge/02y1jjau/1/它在哪里工作 - tbody改为div.
这是一个tbody不起作用的演示http://jsfiddle.net/yogeshgadge/2tk3u7hq/4/
试试这个 - 移动ng-repeat <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>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
10295 次 |
| 最近记录: |