angularjs: ng-repeat-start und ng-repeat-end mit inner ng-repeat

Question

Hallo ich habe einen einfachen Anwendungsfall für ng-repeat-Start und Ende und funktioniert gut, das Problem erscheint, wenn ich hinzufügen möchte eine innere ng-Wiederholung. Hier ist der mein Code

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

Die innere ng-Repeat in td Element nicht funktioniert, ich bin der ngRepeat Kommentar zu sehen, wenn ich den HTML-Quellcode untersuchen, aber die td-Elemente erstellt werden, nicht zu werden.

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

Meine hässliche Abhilfe (vorausgesetzt, dass ich die Größe dieses Vektors weiß) ist:

<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

Ich bin mir nicht sicher, ob Sie angular 1.1.6 verwenden oder nicht, da ng-repeat-start und ng-repeat-end in 1.1.5 oder 1.0.7 noch nicht verfügbar sind.

Sie müssen jedoch nicht die neuen Direktiven verwenden, um dies zu erreichen. Sie können einfach es wie folgt implementieren jetzt für:

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

Sie ng-repeat-start und ng-repeat-end verwenden können es neu zu implementieren, wenn AngularJS 1.1.6 Version offiziell freigegeben wird.

Demo

Answer 2

sollten Sie in der Lage sein, indexbasierte Iterationen zu verwenden, das umgehen:

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

Answer 3

ich denke, es ist etwas falsch mit Ihrer Datenstruktur sein könnte. Mit Angular 1.2.1 das für mich arbeitet

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

Siehe jsFiddle