Ionic 3 animation angular sur le compteur de nombres

Question

Je montre un numéro dans mon interface utilisateur. Rien de sophistiqué, juste un simple

{{myCount}} 

Il y a un bouton à côté appelé reset. En appuyant sur le bouton, le compteur devient 0. C'est une chose super basique et ça fonctionne bien grâce à un appel de fonction sur le bouton comme ci-dessous

reset(){
 this.myCount = 0;
}

Cependant, pour une meilleure expérience utilisateur, je veux faire défiler visuellement le nombre jusqu'à 0 en réduisant de 8 à 0. Appliquer une boucle for comme ci-dessous

  for(let num = currentCount; num >= 0; num --)
       this.myCount = num;

probablement passe trop vite pour être vu en train de se produire. Des conseils pour utiliser une animation provenant d'ionic 3 ou angular ou sinon, une autre façon d'y parvenir ?

Answer 1

Utilisez simplement intervalle:

let interval = setInterval(()=>{
  this.myCount--;
  if(this.myCount == 0) clearInterval(interval);
},200)