Ist es möglich, mehrere Zeilen basierend auf der Spaltenliste durch einzelne ng-repeat zu generieren?

Question

Ich möchte 3 Zeilen basierend auf der columnList erstellen, die 3 Arten von Werten enthält, z. B. caption, shortCaption und columnName.

[{ 
    caption : "First Name", 
    shortCaption: "FN", 
    columnName : "FIRST_NAME" 
},{ 
    caption : "Last Name", 
    shortCaption: "LN", 
    columnName : "LAST_NAME" 
} 
] 

Derzeit i Tabellenzelle am Erzeugen von column mit ng-Repeat innerhalb jeder Zeile laufen, hier i ng-repeat dreimal bin mit der Ursache Langsamkeit sein kann, ist es möglich, ng-repeat nur einmal zu einer Zeit, zu nutzen und erzeugen Alle drei Zeilen, ich habe auch versucht, ng-repeat-start und ng-repeat-end zu verwenden, aber die Ausgabe nicht erhalten.

<tr> 
<th ng-repeat="column in columnList"> 
    {{column.caption}} 
</th> 
</tr> 
<tr> 
<th ng-repeat="column in columnList"> 
    {{column.shortCaption}} 
</th> 
</tr> 
<tr> 
<th ng-repeat="column in columnList"> 
    {{column.columnName}} 
</th> 
</tr> 

http://plnkr.co/n0XKuwxOY8e1zjLfYwFI

Answer 1

template.html

<tr ng-repeat="column in columnList"> 
    <td ng-repeat="key in getKeys()" ng-bind="::column[key]"></td> 
</tr> 

Controller.js

$scope.getKeys = function() { 
    return ['caption', 'shortCaption', 'columnName']; 
} 

Dies verwendet die ng-repeat zweimal. Wenn Sie sich über die Schlüssel der Objekte in Ihrer Spaltenliste sicher sind, können Sie die 2. ng-repeat eliminieren - aber die Leistungsverbesserung ist vernachlässigbar, es sei denn, Sie haben mehr als 500 Zeilen.