2016-12-19 3 views
1

Bisher habe ich fand nur Beispiele, die die Objekte in den Reihen (1)(2)(3) setzen, aber ich brauche die Objekte in den Spalten und deren Attribute in den Zeilen zu setzen.Wie kann ich mit AngularJS 1 Tabellenzeilen mit den Attributen eines Array von Objekten erstellen?

Beispiel JSON:

[ 
    { 
    name: 'peanut butter', 
    price: 0.99 
    } 
    { 
    name: 'strawberry jelly', 
    price: 0.99 
    } 
    { 
    name: 'white bread', 
    price: 2.99 
    } 
] 

Beispiel der gewünschten Tabelle:

table that shows a row for name and a row for price, with peanut butter, strawberry jelly and white bread and their prices in the columns

+1

Ich denke, man zuerst für alle verfügbaren Attribute überprüfen müssen Sie haben, und eine Liste erstellen, dieser basiert. Führen Sie dann eine ng-Wiederholung für die Tabellenzeilen in dieser Liste durch. Innerhalb davon führen Sie eine zweite ng-Wiederholung für die Objekte in den Spalten durch. ** {{attr.name}} ** - wenn Sie keine dynamische Version benötigen, tun Sie, wie Konrad in seiner Antwort vorgeschlagen hat, mit einer hartcodierten Liste von Zeilen. – Tobi

+0

Ich werde das versuchen, wenn ich eine wiederverwendbare Direktive erstellen muss. Danke für den Tipp! – Friso

Antwort

1

Ich glaube, Sie so etwas wie dies wollen.

Angular Vorlage:

<table> 
    <tr> 
    <th>Name</th> 
    <th ng-repeat="item in yourList">{{ item.name }}</th> 
    </tr> 
    <tr> 
    <td>Price</td> 
    <td ng-repeat="item in yourList">{{ item.price }}</td> 
    </tr> 
</table> 
Verwandte Themen