如何增加嵌套for循环的变量计数并打印它

Question

在 Angular 4 中，我试图创建一个嵌套的 for 循环

   <div *ngFor="let p of prop">

    <div *ngFor="let a of p.values">

    Count is  {{count=count+1}} 

如何在模板中创建一个局部变量 count 并在每次执行内循环时增加它。我需要在稍后部分重用这个计数来获取数据，即 Values[count]。姓名....

输出：

计数为 0 计数为 1 计数为 2 计数为 3 计数为 4

Answer 1

您可以直接使用索引值，

  <div *ngFor="let a of values; let i= index;">
     <h1>Count is  : {{i}} </h1>
  </div>

STACKBLITZ 演示

编辑

更新了嵌套 ngFor 的演示

EDIT

当您的对象中有不同长度的值时，您需要某种逻辑来进行计算。我已经实现了一个自定义管道来做到这一点。

@Pipe({
  name: 'counterPipe'
})
export class CounterPipe implements PipeTransform  {
  transform(value: any): Counter {
    if (!counters.has(value)) {
      counters.set(value, new Counter());
    }
    return counters.get(value);
  }
}

演示