在Html中增加ng-repeat索引值

时间:2015-08-19 05:25:37

标签: html angularjs

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

<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索引需要为&#39; 4&#39;

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

如果我正确理解您的问题(很难理解),您希望对ng-repeat中的偶数和奇数索引执行不同的操作。您可以使用$even中的特殊属性$oddng-repeat

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

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

答案 2 :(得分:0)

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

我建议创建一个自定义指令并在不同的元素上使用它是&#34;标签&#34;,我们增加索引的数量。