ng-repeat直接添加标签

一个列表循环,序号标识是常见的,c#语言如何实现,我们知道,C# repeater控件里添加序号的4种方法。那么在js框架angularjs里使用ng-repeat怎么实现添加序号呢?
直接上代码,一看就懂了:

01 <table class="table table-bordered mt20 table-td-center">
02     <thead>
03         <tr>
04            <th>序号</th>
05            <th>昵称</th>
06            <th>性别</th>
07            <th>年龄</th>
08            <th>星座</th>
09            <th>关注时间</th>
10         </tr>
11     </thead>
12     <tbody>
13        <tr ng-repeat="fans in vm.data.users">
14             <td ng-bind="$index+1">1</td>
15             <td ng-bind="fans.nickname">郑州网建</td>
16             <td ng-bind="fans.gender=='m'?'男':'女'">男</td>
17             <td ng-bind="vm.getDate(fans.birthday)">32</td>
18             <td>白羊座</td>
19             <td>2014-09-02 00:00 </td>
20         </tr>
21     </tbody>
22 </table>

$index是从0开始计数的,所以,这里,我们+1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值