通过Angular2 +中的更改类动画元素

时间:2018-04-17 17:17:29

标签: css angular

我需要在我的Angular项目中添加一些动画,我想出的最好的方法就是从classname中创建一个变量并将其切换到.ts文件中(如果我需要将样式附加到事件中)。所以这意味着有两个(或更多)css样式集来制作动画做我想要的......

问题是:

1)除了大量的CSS代码之外,还有什么不好的方法吗?我的意思是我很好,只是想知道其他人也一样吗?因为它感觉有点像讨厌的编码...

2)我听说过角度核心动画,我必须在这里使用吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

分配类在角度方面效果很好,我实际上更喜欢使用CSS来制作动画而不是角度库。

要在特定条件下分配课程,您可以在模板中使用以下表示法:

<div class="card" [class.card--inactive]="yourCondition">

每当card--inactive为真时,这会将等级yourCondition添加到div。