Angular 角度：翻转（半翻转）动画

我有一个正面和背面的垂直翻转动画

      animations: [
    trigger('cardFlick', [
      state('0', style({
        transform: 'none'
      })),
      state('1', style({
        transform: 'rotateX(-180deg)'
      })),
      transition('0 => 1', [
        animate('400ms')
      ]),
      transition('1 => 0', [
        animate('400ms')
      ])
    ])
  ]

但我想做的是制作一个卡片动画。我的意思是，卡片不会完全翻转，而是半翻转，更改卡片上的内容，然后翻转，显示背面。当然，这将意味着我的卡只有一个面，我可以在内容之间切换。我该怎么做呢

---

在我之前的尝试中，问题总是ngIf太快而破坏了动画。如何延迟ngIf或先播放第一个动画状态，然后让ngIf在翻页前切换内容？

通过绑定

（@cardFlick.done）

完成动画后，可以使用动画事件done来运行一些代码

例如：

正面

背面

这是否回答了您的问题？