AngularJS:$在ng-repeat中索引相同的项目

时间:2013-07-03 12:34:29

标签: javascript jquery angularjs

我有ng-repeat这样:

ng-repeat="item in items"
  {{item.name}} {{$index}}

如果我有以下项目:

[{
  name: "House"
},{
  name: "House"
},
{
  name: "City"
}]

ng-repeat的结果将是

House 0
House 1
City  2

我需要它:

House 0
House 1
City  0

因此,如果我有3个同名“House”的项目和5个同名“City”的项目,结果将是:

House 0
House 1
House 2
City  0
City  1
City  2
City  3
City  4

我该怎么做?谢谢。

1 个答案:

答案 0 :(得分:1)

您可以尝试使用包含一组计数器的对象并执行类似

的操作

在您的控制器中:

$scope.counters = {};
//initialize $scope.counters[name] to 0 for each of your distinct names

在您看来:

ng-repeat="item in items"
    {{item.name}} {{counters[item.name]++}}