Ionic 3 - все, если активированы одновременно (JS)

Question

У меня небольшая проблема, и я не могу найти решение,

У меня есть эта маленькая функция здесь:

Clicked(){
       for (let i = 0; i < 5; i++) {
          if (this.ShareProvider.ValueFonction(i)) {
            alert(i)
          }
        }
}

Там 6 кнопок, и я пытаюсь сделать, когда я нажимаю кнопку, запускается функция alert(). Проблема в том, что когда я запускаю программу, она показывает 6 предупреждений подряд. Я пытался написать по-другому, но та же проблема.

if (this.ShareProvider.ValueFonction(1)) {
  alert(1)
}
if (this.ShareProvider.ValueFonction(2)) {
  alert(2)
}
if (this.ShareProvider.ValueFonction(3)) {
  alert(3)
}
if (this.ShareProvider.ValueFonction(4)) {
  alert(4)
}
if (this.ShareProvider.ValueFonction(5)) {
  alert(5)
}
if (this.ShareProvider.ValueFonction(6)) {
  alert(6)
}

или

if (this.ShareProvider.ValueFonction(1)) {
  alert(1)
}
if (this.ShareProvider.ValueFonction(2)) {
  alert(2)
}
if (this.ShareProvider.ValueFonction(3)) {
  alert(3)
}
if (this.ShareProvider.ValueFonction(4)) {
  alert(4)
}
if (this.ShareProvider.ValueFonction(5)) {
  alert(5)
}
if (this.ShareProvider.ValueFonction(6)) {
  alert(6)
}

Спасибо за внимание

Answer 1

Вы можете сделать это многими способами, я предлагаю вам создать массив в шаблоне Ts, а затем вызвать их в формате ngFor в Html с функцией (click) для вызова оповещения с текущим индексом. Например:

В шаблоне TS:

объявляет массив var с длиной в верхней части класса, например:

array= new Array(5);

функция оповещения об индексе:

clicked(i){
     alert(i);
}

и в шаблоне html:

  <div *ngFor="let a of array; let i = index">
    <button (click)="alert(i)> Click me </button>
  </div>

Это будет показывать предупреждение на основе индекса элемента