【问题标题】:Add a counter to Angular ng-repeat?向 Angular ng-repeat 添加一个计数器?
【发布时间】:2016-01-20 06:59:25
【问题描述】:

我正在尝试查找一些文档,以便能够将计数附加到 ng-repeat 返回的每个项目。这对 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>

【问题讨论】:

标签: javascript html angularjs json


【解决方案1】:

您可以使用$index 作为您的计数器。

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签