作者:Meloux | 来源:互联网 | 2023-02-08 17:38
我订阅了Firebase实时数据库,这样当我向它提交内容时,它会立即在视图中呈现,而不需要jQuery或ajax.
我想为这些元素的渲染设置动画,这样当一个新元素被添加到DOM时,它div
的background-color
绿色就会变成绿色并逐渐消失.我不想要的是div
这个类的所有人在加载时执行这个动画.
我知道如何做前者:
@keyframes green-fade {
0% {background: rgb(173, 235, 173);}
100% {background: none;}
}
.post-div {
animation: green-fade 5s ease-in 1;
}
但是当然这个动画会在渲染时发生,包括加载时.
我对"Angular 2 way"感兴趣.
1> Martin Creme..:
从Angular 4.25开始,有一种更简单的方法:如果你想抑制:在视图初始化时输入动画,只需用下面的动画包装它:
template: `
`,
animations: [
trigger('preventInitialChildAnimations', [
transition(':enter', [
query(':enter', [], {optional: true})
])
]),
...
]