angularjs: ng-repeat-start和ng-repeat-end with inner -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>

内部的ng-repeat into td元素不起作用，当我检查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.2.1，这对我很有效

<div ng-app="myApp" ng-controller="myCtrl">
    <div class="h" ng-repeat-start="val in data">{{val.title}}</div>
    <div ng-repeat="con in val.content">
        {{con}}
    </div>
    <div class="b" ng-repeat-end>footer</div>
</div>

请参阅jsFiddle

Answer 2

您应该能够使用基于索引的迭代来绕过它：

<tr ng-repeat-start="obj in rows" >
  <td ng-repeat="e in obj.row">{{obj.row[$index]}}</td>
</tr>
<tr ng-repeat-end>
<!-- ... -->