Angular:在 ngFor 中获取当前索引

Question

我有以下 Angular :

<div class="test" *ngFor="let item of data; let i = index">
    {{item}}
</div>

<div class="function_div" (click)="test(i);">Test Button </div>

然后在.ts中，

export class test{
   
  test(){
     console.log(i);
  }
  
}

我想获取一个带有当前索引号的变量。

我该怎么做才能获得当前索引？

谢谢

Answer 1

根据 OP 对问题的评论:

So, I am trying to get the index of the ngFor in order to do a comparison to array of data before triggering another function. For example, the test() function will be triggered when I click a button, then it will check the current index, and do something with it.

你应该这样做:

<div class="test" *ngFor="let item of data; let i = index">
    // In your case this line should be within ngFor loop
    <div class="function_div" (click)="test(i);">Test Button </div>
    {{item}}
</div>

---

Note : Never call function like :

{{ test(i) }} // this will be executed each time anything changes in loop