angularjs:ng-repeat-start 和 ng-repeat-end 带有内部 ng-repeat

Question

嗨，我有一个用于 ng-repeat-start 和 end 的简单用例，并且工作正常，当我想添加内部 ng-repeat 时出现问题。
这是我的代码

<tr ng-repeat-start="obj in rows" >
  <td ng-repeat="e in obj.row">{{e}}</td>
</tr>
<tr ng-repeat-end>
  <td colspan="4">{{obj.description}}</td>
<tr>

td 元素中的内部 ng-repeat 不起作用，我在检查 html 源代码时看到了 ngRepeat 注释，但未创建 td 元素。

<!-- ngRepeat: e in obj.row -->

我丑陋的解决方法(假设我知道该向量的大小)是:

<tr ng-repeat-start="obj in rows" >
  <td>{{obj.row[0]}}</td>
  <td>{{obj.row[1]}}</td>
  <td>{{obj.row[2]}}</td>
  <td>{{obj.row[3]}}</td>
</tr>
<tr ng-repeat-end>
  <td colspan="4">{{obj.description}}</td>
<tr>

Answer 1

我不确定您是否使用 angular 1.1.6，因为 ng-repeat-start和 ng-repeat-end在 1.1.5 或 1.0.7 中尚不可用。

但是，您实际上不必使用新指令来实现这一点。您现在可以像这样简单地实现它:

<table>
    <tbody ng-repeat="obj in rows">
        <tr ng-repeat="e in obj.row">
            <td>{{e}}</td>
        </tr>
        <tr>
            <td colspan="4">{{obj.description}}</td>
        <tr>
    </tbody>
</table>

您可以使用 ng-repeat-start和 ng-repeat-end在 AngularJS 1.1.6 版本正式发布时重新实现它。

Demo