Angular 如何将动画绑定到内容子项&；订阅动画活动？

我正在开发一个角度组件，它获取内部内容，并应将动画附加到内容子元素（例如子元素）

使用代码如下所示：

<flip-board [frontSide]="'side-2'">
  <flip-side name="side-1">Side 1<flip-side>
  <flip-side name="side-2">Side 2<flip-side>
  <flip-side name="side-3">Side 3<flip-side>
</flip-board>

---

是否可能？

关于内容元素动画绑定，您可以尝试将动画触发器绑定到父元素。然后，“query（）”功能允许您对css选择器中的元素设置动画，以及更多内容

有关示例，请参阅本文：

@Component({
  selector: 'flip-board',
  template: '<ng-content></ng-content>',
})
export class FlipBoard {
  @ContentChildren(FlipSide) sides: QueryList<FlipSide>;

  ngAfterContentInit() {
    // TODO: 1. Attach animations to this.sides
    // TODO: 2. Subscribe to animation events of this.sides
  }
}