向 Angular ng-repeat(角度)添加一个计数器



我正在尝试找到一些文档,以便能够将计数数字附加到ng重复返回的每个项目。对于Angular来说,这不是开箱即用的东西吗?不太像 Id,但更像是,如果返回 4 个项目,每个项目 JSON 对象可以在返回的数据前面添加一个数字。我的代码如下所示:

<div  class="swipeBoxes" ng-repeat="swipe in swipes">
    <a href="#">
        <div class="swipeBox">
            <span class="swipeNum"></span>
            <p><span>swipe date:</span><span>{{ swipe.date | date: 'MM/dd/yyyy'}}</span></p>
            <p><span>provider:</span><span>{{ swipe.merchant }}</span></p>
            <p><span>amount:</span><span>{{ swipe.amount | currency }}</span></p>
        </div>
    </a>
</div>
您可以将

$index用于计数器。

<div  class="swipeBoxes" ng-repeat="swipe in swipes">
    {{$index + 1}}
</div>

使用 ngRepeat 的 $index 应该能够解决您的问题。

相关内容