javascript - AngularJS：在 ng-repeat 中 $index-ing 相同的项目

Question

我有一个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

我怎样才能做到这一点？谢谢你。

score 1 · Accepted Answer

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

在您的控制器中：

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

在您看来：

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

1 回答 1