angular - 数字计数器上的 ionic 3 Angular 动画

Question

我在我的用户界面中显示了一个数字。没什么 hifi 只是普通的

<ion-label>{{myCount}}</ion-label> 

它旁边有一个按钮叫做重置。按下按钮时计数器变为 0。这个 super 基本的东西可以通过按钮上的函数调用正常工作

reset(){
 this.myCount = 0;
}

但是，为了更好的用户体验，我想将它向下滚动到 0，视觉上将 8 减少到 0。应用 for 循环，如

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

可能进展得太快以至于没有显示它正在发生。任何建议使用来自 ionic 3 或 angular 的一些动画，或者如果没有，则使用其他方式

Answer 1

只需使用间隔:

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