angularjs：具有内部ng-repeat的ng-repeat-start和ng-repeat-end

一尘不染

angularjs：具有内部ng-repeat的ng-repeat-start和ng-repeat-end

angularjs

嗨，我有一个简单的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到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>

阅读 316

2020-07-04

共1个答案

一尘不染

从那时起ng-repeat-start，我不确定是否使用角度1.1.6，并且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>

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

**[Demo](http://jsfiddle.net/F5UCC/)**

2020-07-04