我订阅了 Firebase 实时数据库，这样当我向它提交某些内容时，它会立即在视图中呈现，而不需要 jQuery 或 ajax。
我想对这些元素的渲染进行动画处理，这样当一个新元素添加到 DOM 时，它的div's background-color呈绿色并慢慢消失。我不想要的是所有人div此类的 s 在加载时执行此动画。
我知道如何做前者：
@keyframes green-fade {
0% {background: rgb(173, 235, 173);}
100% {background: none;}
}
.post-div {
animation: green-fade 5s ease-in 1;
}
当然，这个动画在此类的任何渲染时都会发生，包括在加载时。
我对“Angular 2 way”来做到这一点感兴趣。
从 Angular 4.25 开始，有一种更简单的方法可以做到这一点：如果你想在视图初始化时抑制 :enter 动画，只需用以下动画包裹它：
template: `
<div [@preventInitialChildAnimations]>
<div [@someAnimation]>...</div>
</div>
`,
animations: [
trigger('preventInitialChildAnimations', [
transition(':enter', [
query(':enter', [], {optional: true})
])
]),
...
]
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
