跟踪ng-repeat中的多个索引

Question

有没有办法在ng-repeat中保留多个索引？

EG。如果有一份水果清单：

$scope.fruits = [
  {type: 'apple'},
  {type: 'orange'},
  {type: 'apple'},
  {type: 'banana'},
  {type: 'banana'}
];

在我的模板中，我有一个ng-repeat经历了结果。

<ul ng-repeat="fruit in fruits">
 <li>{{fruit.type}}</li>
</ul>

是否可以为每个水果类型保留一个索引，以便我可以将该索引添加到模板中的行以获得以下结果

* apple - number 1
* orange - number 1
* apple - number 2
* banana - number 1
* banana - number 2

我无法看到$ index对我的帮助，因为它会查看整体列表（对吗？）。我已经尝试在控制器中添加一个跟踪变量，但这会触发一个无限循环，因为$ digest如何工作并且它会一直触发变化。

Answer 1

可以选择这样做。 使用ng-repeat指令：

ng-repeat="(key, value) in fruits"

你可以在html中使用它：

<li>{{key}}- {{value}}</li>

记住这个表达式中没有空格，因为正在处理regexp，所以  (key, value )不起作用，但(key, value)会。