删除没有过渡效果

来源:3-4 路由动画及高阶动画函数

RenuMou

2017-12-30

import { trigger, state, transition, style, animate, keyframes, group, query, stagger } from '@angular/animations';
export const listAnimation = trigger('listAnim', [
transition('* => *', [
query(':enter', style({
opacity: 0
}), { optional: true }),
query(':enter', stagger(100, [
animate('1s', style({
opacity: 1
}))
]), { optional: true }),
query(':leave', style({
opacity: 1
}), { optional: true }),
query(':leave', stagger(100, [
animate('2s', style({
opacity: 0
}))
]), { optional: true }),
])
]);

代码是这样的,没有过渡效果!

写回答

2回答

_sunshine

2018-01-16

最后是什么问题呢,我这也没出现删除的过渡效果

0
1
qq__2058
同有此问题
2018-03-01
共1条回复

接灰的电子产品

2017-12-30

原因应该不是出在这段代码,你看一下你的数组删除的代码写对没有

0
1
qq__2058
同有此问题
2018-03-01
共1条回复

Angular打造企业级协作平台,让你在Angular领域中出类拔萃

全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用

998 学习 · 536 问题

查看课程