Wie man Tabellenstruktur (tr Elemente) dynamisch (von JSON) in AngularJS

Question

erzeugt Wie kann ich die folgende Tabelle html Struktur mit json Daten auf dynamische Weise ausfüllen? (mit AngularJS).

Hier ist die grundlegende HTML-Struktur:

<table class="some styling"> 
 
        <tbody> 
 
    <tr> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    </tr> 
 
    <tr> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    <td><a title="test" href="#"><span>Just some tests</span></a></td> 
 
    </tr> 
 
</tbody> 
 
</table>

Der schwierige Teil ist, wie die "tr" Elemente zu bestimmen. Es gibt immer 3 td Elemente in 1 tr Element. Nur die Anzahl der TD-Elemente kann variieren.

Vielen Dank im Voraus

Answer 1

Html: 
<table border="1" style="border-collapse: collapse"> 
     <tr> 
     <th>id</th> 
     <th>firstname</th> 
      <th>lastname</th> 
     </tr> 
     <tr ng-repeat="user in users"> 
     <td>{{user.id}}</td> 
     <td>{{user.firstname}}</td> 
     <td>{{user.lastname}}</td> 
     </tr> 
    </table> 

Json:

$scope.users=[ 
    {id:1,firstname:"naresh",lastname:"kumar"}, 
    {id:2,firstname:"suresh",lastname:"kumar"}, 
    {id:3,firstname:"harish",lastname:"kumar"}, 
    ] 

dies ist das Beispiel ist Entsendung Sie es manipulieren können. Sie können hier einen Blick haben https://plnkr.co/edit/umC2hwECePaAqZ0huYoK?p=preview