Angular 如何跟踪所有应用程序动画以角度结束的时刻？

我正在学习Angular，我有一个任务是创建一个三连胜游戏（如图所示）

当发现所有出现的三元组，并且落下的球的动画结束时，我需要检查是否形成了新的三元组

所以现在我有两种方法来获得每个球动画完成的时刻：通过超时和通过增量。这两种方法都在每个球的（@animation.start）和（@animation.done）事件的回调帮助下工作

现在回答问题。

我想我的方法不是最佳实践，如果所有的应用程序动画都结束了，有一种方法可以跟踪。我用的是Angular v.6.0.3

我是一个角度的新手，任何建议都会有帮助

---

谢谢

是的，使用最新的angular版本（即6.x.x或更高版本），您现在可以对动画使用回调功能

可以使用触发器上的“开始”和“完成”方法制作动画，如下所述

  <ul>
    <li *ngFor="let hero of heroes"
        (@flyInOut.start)="animationStarted($event)"
        (@flyInOut.done)="animationDone($event)"
        [@flyInOut]="'in'">
      {{hero.name}}
    </li>
  </ul>

{{hero.name}

---

阅读更多

为什么你认为对animation.end进行回调是件坏事？@Kepotx callback on animation.end是件好事。但就我而言，它并不优雅，看起来像某种拐杖。每次球落下时我都会做一些动作（@animation.end）。如果所有的应用程序动画都结束了，我怀疑会有一些事件或架构解决方案用于跟踪。我已经阅读了文档，我的问题不多。我正在寻找一种方法来跟踪所有应用程序动画结束的时刻，而不是单个组件的动画。