如何将动画绑定到内容儿童＆amp;订阅动画事件？

Question

我正在开发一个内部内容的Angular组件，并且应该将动画附加到内容子项（例如子元素）。

使用代码如下所示：

User.findOne({ name: user_id })
  .then(user => {
    if(user) {
      console.log("found user");
      console.log(user);
    } else {
      console.log("user not found");
    }
}).catch(err => console.log("something went wrong");)

在<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> 组件中，我需要：

1. 将动画附加到所有FlipBoard组件。
2. 收听FlipSide。
的动画事件

在所有文章中＆amp;教程我发现它已经展示了如何在模板中附加动画和事件，但不在组件的代码中。在我的例子中，模板由组件的使用者传递，我需要分配动画并在组件代码中动态地订阅动画事件。

FlipSide

有可能吗？

Answer 1

关于内容元素动画绑定，您可以尝试将动画触发器绑定到父元素。然后，“ query（）”功能使您可以对来自CSS选择器的元素进行动画处理。

有关示例，请查看本文： A New Wave of Animation Features in Angular