如何获取单击angular2的当前索引

Question

使用angular2可以获得点击时的当前*ngFor索引值吗？ 我有一个客户列表，我想得到他们的索引值。

<button ion-item *ngFor="let customer of customers" (click)="showRadio()">
    {{ customer.customer_name }}
</button>

  showRadio(currentIndex) {
  //................    

  for(var j=0; j<myResult[currentIndex].bookingIds.length; j++) {
    alert.addInput({
      type: 'radio',
      label: myResult[currentIndex].bookingIds[j],
      value: myResult[currentIndex].bookingIds[j],
      checked: false
    });

  }

Answer 1

我已经找到了解决方案。只需让let i = index并将i设置为函数内的参数。

<button ion-item *ngFor="let customer of customers; let i = index" (click)="showRadio(i)">

信用：youtube

Answer 2

ngFor指定

index将设置为每个模板上下文的当前循环迭代。

所以你需要这样做：

 <button ion-item *ngFor="let customer of customers; let i = index;" (click)="showRadio()">
          {{ i }} - {{ customer.customer_name }}
 </button>

Answer 3

您可以在客户对象中包含索引，然后在函数

中传递它

[{"customer_index":1,"customer_name":"jason"},
 {"customer_index":2,"customer_name":"mary"}];

然后在函数

中传递它

<button ion-item *ngFor="let customer of customers" (click)="showRadio(customer.customer_index)">
            {{ customer.customer_name }}
    </button>