是否可以在'；上添加CSS类：输入'；或'；：离开'；与Angular 10中的动画一起使用的组件/元素的事件？

使用角度动画，可以在元素及其子元素进入或离开视图时向其添加过渡/动画，如下所示：

@组件({
动画：[
触发器（'containerTrigger'[
转换（“：输入”[
样式（{opacity:0，transform:'translateY（-10px）}），
动画（'250ms 100ms'，样式（{opacity:1，transform:'none'}）），
]),
]),
]
})

虽然这可以很好地工作，但在向选定元素及其子元素添加更复杂的过渡/动画时，它会很快变得复杂

对于在项目中主要维护CSS的人来说，可能很难习惯Angular的动画语法。这样就更容易阅读和维护如下CSS：

.container{
不透明度：0；
&.处于活动状态{
不透明度：1；
过渡：所有0.2s线性；
}
}
.货柜标题{
转换：translateX（-10px）；
.container.is-active&{
转化：无；
过渡：所有0.2s线性；
}
}

---

问题：是否可以在

：enter

和

：leave

事件中添加CSS类，而不是运行角度动画？

不幸的是，您无法使用角度动画API添加或删除类（请参阅）

---

使用例如

[ngClass]

的绑定在这种情况下也不起作用，因为当

:enter

动画触发时，元素还不在实际DOM中，因此任何应用的css都不会产生影响

是否要将CSS类附加到元素及其所有子元素？或者仅仅是一个特定的元素？其思想是将一个CSS类附加到一个或多个元素上。可以使用子选择器以子对象上的转换为目标。这将很容易维护，就像示例CSS代码片段一样。但也许只有当每个元素都有一个类，有一个转换时，它才会起作用。不知何故，我需要知道，

：leave

何时完成。的可能副本。感谢您找到此副本。我在发帖前搜索了一下，但没有找到任何结果。可惜，这是不可能的。