如何用json数据动态地填充下表html结构?(与安格拉斯)。
下面是基本的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元素。
tr元素中始终有3个td元素。只有TD元素的数量可以变化。
提前谢谢
最佳答案
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