Javascript 如何在angular 2中的控制台上显示数组索引值

如何在单击转盘组件中的按钮时在控制台窗口中显示数组索引值？控制台窗口显示索引值两次，最后重定向到第一个数组索引值为1。 控制台窗口应仅显示增量为1的索引值，以便从开始显示数组索引值

guide.html

{{guide.Type}
{{guide.PageColor}}
图像：{{i+1}}


{{image.change}

这是您的代码的简化版本，可以使用。 两个字=简单类型（数字是我们的情况）复制到click处理程序参数，而不是通过ref发送。所以每次从i获得相同的值时

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
  <div  *ngFor="let image of images; let i=index ">
          <p>Image: {{i+1}}</p>

          <p (click)="idValue(i)">
          Button
          </p>
         </div>
  `,
})
export class AppComponent  { 

  images:any = [{image :'img1.jpg', change:'change'},{image: 'img2.jpg', change:'add'},{image:'img3.jpg', change:'edit'},{image:'im4.jpg',change:'delete' }];
  indexArr = new Array(this.images.length + 1);

    idValue(i) {
      if(!this.indexArr[i]) { this.indexArr[i] = 0};
        this.indexArr[i] += 1;
        console.log('index:', i, ' Click number', this.indexArr[i]);
    }

}

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：`
图像：{{i+1}}


按钮

`,
})
导出类AppComponent{
图片：any=[{image:'img1.jpg'，change:'change'}，{image:'img2.jpg'，change:'add'}，{image:'img3.jpg'，change:'edit'}，{image:'im4.jpg'，change:'delete'}]；
indexArr=新数组（this.images.length+1）；
idValue（i）{
如果（！this.indexArr[i]）{this.indexArr[i]=0}；
这个.indexArr[i]+=1；
log（'index:'，i，'Click number'，this.indexArr[i]）；
}
}

你能把这个问题重新表述一下吗？我想我可能理解问题所在，但在我确定之前，我不想发布答案。ThanksConsolle正在打印索引值，每次打印两次，并且总是在第二次打印1。因此，如何避免在控制台中打印1，如果索引值为3，则它将显示3 1，并且在显示1的同时，可能会触发carousel$事件两次尝试html:

在in-component:

idValue（event，i）{i=i+1；console.log（event，i）；}

中检查输出。不，它不处理事件感谢您的尝试，但它没有在控制台中显示任何索引值更正为显示索引并单击编号