Angularjs -嵌套ng-repeat全局索引

Question

我有下一个模板：

<div data-ng-repeat="supplier in order.Suppliers" data-ng-init="supplierIndex = $index">
    <div data-ng-repeat="group in supplier.Groups">
         {{something}}
    </div>
</div>

和模型：

$scope.order = {
    Suppliers: [
        {
            Groups: [{ id: 'sss'}, {id: 'ddd'}]
        },
        {
            Groups: [{ id: 'qqqq'}, {id: 'www'}, {id: 'xxx'}]
        },
        {
            Groups: [{ id: 'ooo'}]
        }
    ]
}

我需要显示全局组索引，所以输出应该是这样的：

0 1 2 3 4 5

我知道我可以在我们需要显示全局组索引的每个地方使用通过传递的组id来计算索引的函数，但是如何最优雅地实现这个目标呢？

Answer 1

您可以使用{{$index}}在您的列表上显示组索引。

Answer 2

您可以在您的控制器中像这样合并组。

 $scope.mergedGroups = [];
  for(var i=0;  i < $scope.order.Suppliers.length;  i++){
    for(var k=0;  k < $scope.order.Suppliers[i].Groups.length;  k++){
       $scope.mergedGroups.push($scope.order.Suppliers[i].Groups[k]);
    }
  }

然后，您可以使用单个ng-repeat就可以了。

<div data-ng-repeat="group in mergedGroups" >
    {{group}} {{$index}}
</div>

Answer 3

您的选择：

1. $parent.$index
2. put supplier索引在supplier对象
3. 中创建组件<supplier-info supplier="supplier" index="$index">