如何在Angular typeScript中进行回调？

Question

我通过搜索获得了很多结果，但我仍然不太了解。 我有两个功能：

roulette_animation(){
do animation (might take 5 sec)
}
alertResult(){
alert('You win')
}

我想在alertResult()函数完成后发生roulette_animation()函数。

roulette_animation由js库完成，但不包含state表示动画已完成。

我事先知道结果，然后动画开始，这将给我想要的结果。但目前警报将首先弹出。我解决这个问题的方法是在两个函数之间设置一个时间延迟（我可以控制动画的持续时间）。但这并不明智，因为不同的浏览器可能以不同的速度加载动画。

我知道更多的代码细节会有所帮助，但它太大了。如果这是我必须在js中添加的内容，我会这样做。但是我还是想问一下有没有办法解决这个asyn问题？

Answer 1

为什么不使用反应式编程？

const animation = (): Observable<boolean> => Observable.of(doAnimation());

animation
  .subscribe(() => alertResult());