javascript - ng-repeat 内部的 Angular ng-repeat 在表中不起作用

Question

我有以下内容

 <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}} 或 items 不工作。任何东西都不会最终显示出来。

有什么想法吗？

当我像这样测试它时，它是有效的

<div ng-repeat="history in orderHistory">
  <div ng-repeat="items in history.orderedItems">
    {{items.product_description}}
  </div>
</div>

但我真的需要它在 table 里面

我尝试了以下方法:

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

还是不行

Answer 1

更新的答案

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> 也有类似的问题就像您在这里看到的一样。

这是一个 fiddle http://jsfiddle.net/yogeshgadge/02y1jjau/1/它在哪里工作 - tbody 更改为 div。

这是一个 tbody 不工作的演示 http://jsfiddle.net/yogeshgadge/2tk3u7hq/4/

Nested ng-repeat

试试这个 - 将 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>