在 Html 中增加 ng-repeat 索引值答案

【问题标题】：Increment ng-repeat index value in Html在 Html 中增加 ng-repeat 索引值
【发布时间】：2015-08-19 14:28:54
【问题描述】：

我想在ng-repeat 中增加$index 的值。例如：

<div ng-repeat:x in ProductList">
    <label>{{x}}</label> // if x = 1
        x++; // this is the line i need
    <label style="color:red">{{x}}</label> // x index should be equal to 2
    x++; // this is the line i need
    <label style="color:blue">{{x}}</label> // x index should be equal to 3
</div>

第二次循环运行时，x索引需要为'4'

【问题讨论】：

抱歉，不清楚您在问什么。
你想达到什么目的？你能分享你想要的输出吗？
见下面的回答。这就是我需要的
所以结果和1, 3, 5, 7一样吗？
您能告诉我们您的要求吗？也许我们可以建议您最好的解决方案。

标签： html angularjs

【解决方案1】：

您可以简单地执行以下操作：

<div ng-repeat="product in ProductList">
    <label>{{$index}}</label> 
    <label style="color:red">{{$index + 1}}</label> 
</div>

【讨论】：

第二次会从 index=3 开始？
@Eliad 你能更具体地说明你真正想要做什么吗？可能更具描述性。
你的意思是 product[$index] 和 product[$index+1]
谢谢。如果您没有正确解释您要做什么，那么没有人可以帮助您。通常与您面临的问题一起，最好解释您要实现的目标。其他人可能对如何以其他方式实现相同的结果有更好的想法。

【解决方案2】：

如果我正确理解了您的问题（这很难理解），您希望对 ng-repeat 中的偶数和奇数索引执行不同的操作。您可以使用来自ng-repeat 的特殊属性$even 和$odd。

<div ng-repeat="x in ProductList">
    <label ng-if="$odd">{{x}}</label>
    <label ng-if="$even" style="color:red">{{x}}</label>
</div>

如果这对您没有帮助，请尝试举例说明您期望的输出。

【讨论】：

谢谢，但没有。我只需要在运行 ng-repeat 时增加索引

【解决方案3】：

您正在尝试为数组中的每个项目打印 diff 元素中的索引值，

我建议创建一个自定义指令并在不同的元素上使用它，这里是“标签”，我们增加索引的计数。

【讨论】：

你能解释一下吗？我只是简单地使用 ng-repeat 作为循环
这是我建议你做的事情，像这样我已经创建了一个示例 plunker 供你参考，希望能帮助你实现一些你需要的东西，plnkr.co/edit/1HTOlFwuvB4nNKtx64Nl?p=preview