3回答

123321_0015

2018-11-23

我也发现这个问题，研究了好久，发现老师的那个也不能触发：leave。经研究发现应该是query找不到子元素离开时的事件，所有没有添加动画效果。

我就把这个动画改为了如下的代码

state('void', style({ opacity: 0 })),

state('*', style({ opacity: 1 })),

transition(':enter', animate('1s')),

transition(':leave', animate('1s'))

然后在ProjectItemComponent中添加

@HostBinding("@listAnim") listAnimState;

就好使了。

不过也有个小问题就是当项目多个创建时只能全部出现，不能有延迟，不过可以用其他的方式也做，

如下代码

transition(':leave', [

query('*', [

style({ opacity: 1 }),

stagger(0, [

animate('1s', style({ opacity: 0 }))

])

], { optional: true }),

])

这个是离开的代码。

0

0

张胜O_O

2018-09-08

请问有解决吗？我的也不行，之后复制老师的代码也不生效，不知道Angular6改了什么地方

0

0

接灰的电子产品

2018-08-15

看一下我的 github 源码对比一下吧 https://github.com/wpcfan/taskmgr

0

1

DBkey_li

老师 代码时一样的，删除时没有渐出动画

2019-06-05

共1条回复