角度-侦听动画元素的状态变化

有没有一种方法可以在动画关键点上侦听与状态匹配的元素的更改?

例如,如果我们有以下元素:

<div id="first-div" @fadeInOut></div>
<div id="second-div" @fadeInOut @shaking></div>
<div id="third-div" @shaking></div>

我想听听目前有哪个元素 fadeInOut 动画并确定它是否正在进行 :enter 或 :leave .

类似于:

animations.on('fadeInOut').subscribe((el) => {
  // el will tell us which element is animation and it's having which state.
});