angularjs的ng-repeat循环列表中序号怎么写

Posted 2023-04-11

参考技术A 直接上代码，一看就懂了：
<table class="table table-bordered mt20 table-td-center">
<thead>
<tr>
<th>序号</th>
<th>昵称</th>
<th>性别</th>
<th>年龄</th>
<th>星座</th>
<th>关注时间</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="fans in vm.data.users">
<td ng-bind="$index+1">1</td>
<td ng-bind="fans.nickname">郑州网建</td>
<td ng-bind="fans.gender=='m'?'男':'女'">男</td>
<td ng-bind="vm.getDate(fans.birthday)">32</td>
<td>白羊座</td>
<td>2014-09-02 00:00 </td>
</tr>
</tbody>
</table>
$index是从0开始计数的，所以，这里，我们+1本回答被提问者和网友采纳 参考技术B 应该要加上括号吧，像这样：

<div class="helpRankLi" ng-repeat="ar in assistedList">
<div><span>$index+1</span></div>
<div><img src="ar.headurl"/></div>
<div><span>ar.name</span></div>
</div>

angularJS之ng-repeat

<p>使用 ng-repeat 来循环数组</p>

  <ul>

    <li data-ng-repeat="x in numArray">

      {{ x }}

    </li>

  </ul>

 

ng-repeat（带有对象）

<p>循环对象:</p>

<ul>

  <li ng-repeat="x in names">

  {{ x.name + ‘, ‘ + x.country }}</li>

</ul>

 

 如果数组中有重复的数据，用 item in arr track by $index:

<li ng-repeat="item in arr track by $index">{{item}}</li>