如何在AngularJS中動態地（從JSON）創建表結構（tr元素）

Question

如何以動態方式用json數據填充下表的html結構？ （與AngularJS）。

這裏是基本的HTML結構：

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

困難的部分是如何確定的 「TR」 的元素。 1個tr元素中總是有3個td元素。 TD元素的數量可能會有所不同。

在此先感謝

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"}, 
    ] 

這是我例子張貼，你可以操縱它。你可以看看這裏https://plnkr.co/edit/umC2hwECePaAqZ0huYoK?p=preview