Ionic Gestures Value doesn't refresh in html

Question

I create a filter system. Short explain: The app user swipe pictures to the left or right side (like the tinder app). I use this https://ionicframework.com/docs/utilities/gestures to implement the swipe effects. My problem: the variable inside the function doesn't refresh. In this case the valueIndex is chancing (i see in the console the value is right), but the value in der HTML doesn't chance. It would be like it was just a static one.

My .ts File

  useTinderSwipe(cardArray){
    let count = cardArray.length;
    count--;
    for(let i = 0; i < cardArray.length; i++){
      const card = cardArray[i];
      console.log('Card: ',card);
      const gesture = this.gesturectrl.create({
        el: card.nativeElement,
        gestureName: 'swipe',
        onStart: ev => {
        },
        onMove: ev => {
          card.nativeElement.style.transform = `translateX(${ev.deltaX}px) rotate(${ev.deltaX / 10}deg)`;
        },
        onEnd: ev => {
          card.nativeElement.style.transition = '.5s ease-out';
          if(ev.deltaX > 150){
            if(this.asked[count].add){
              this.value[this.valueIndex] = this.asked[i].valueR;
              this.seach(true, this.asked[count].attr, this.asked[i].valueR);
              this.valueIndex++;
            } else {              
              this.value[this.valueIndex] = this.asked[i].valueR;
              this.seach(false, this.asked[count].attr, this.asked[i].valueR);
              this.valueIndex++;
            }
            count--;
            card.nativeElement.style.transform = `translateX(${+this.plt.width() * 2}px) rotate(${ev.deltaX / 2}deg)`;
          } else if(ev.deltaX < -150){
            if(this.asked[count].add){
              this.value[this.valueIndex] = this.asked[i].valueL;
              this.seach(true, this.asked[count].attr, this.asked[i].valueL);
              this.valueIndex++;
            } else {              
              this.value[this.valueIndex] = this.asked[i].valueL;
              this.seach(false, this.asked[count].attr, this.asked[i].valueL);
              this.valueIndex++;
            }
            count--;
            card.nativeElement.style.transform = `translateX(-${+this.plt.width() * 2}px) rotate(${ev.deltaX / 2}deg)`;
          } else {
            card.nativeElement.style.transform = '';
          }
        }
      });
      gesture.enable(true);
    }
  } 

my .html File

  <ion-item>
    <ion-label>{{this.valueIndex}}</ion-label>
  </ion-item>