角度 ng-repeat 元素计数

Posted

技术标签:

【中文标题】角度 ng-repeat 元素计数【英文标题】:Angular ng-repeat element count 【发布时间】:2013-12-20 13:34:16 【问题描述】:
<li ng-repeat="Item in Items">
        <div ng-switch="($index)==0">
            <div ng-switch-when="true">
                <a href="#"><   Previous</a>
            </div>
            <div ng-switch-when="false">
                <a href="#">$index</a>
            </div>
        </div>
    </li>

我想获取项目的元素计数,并希望为最后一个项目显示“下一个 >”

【问题讨论】:

【参考方案1】:

类似的东西

<li ng-repeat="Item in Items">
                <a ng-if="$first" href="#"><   Previous</a>
                <a ng-if="!$first && !$last" href="#">$index</a>
                <a ng-if="$last" href="#">Next ></a>
    </li>

要获取长度,请使用Items.length。如果有过滤器,它会变得更加复杂。看到这个SO post

【讨论】:

谢谢钱德曼尼。问题解决了。我在 ng-switch 中使用了 $first 和 $last,因为我不能在我的版本中使用 ng-if。非常感谢

以上是关于角度 ng-repeat 元素计数的主要内容,如果未能解决你的问题,请参考以下文章

嵌套 ng-repeat 的 AngularJS 记录计数

角度过滤器,嵌套 ng-repeat

如何在角度 ng-repeat 中创建新行?

具有数组长度条件的角度 ng-repeat

使用角度 ng-repeat 在一列中添加多行

没有 ng-repeat 的角度过滤器列表