javascript – ng-repeat内部的角度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>

似乎第二次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/

Nested ng-repeat

试试这个 – 移动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>

原文地址：https://www.jb51.cc/js/157779.html