Angular 角度4动画don';t恢复初始CSS值

Angular 角度4动画don';t恢复初始CSS值,angular,Angular,我在Angular 2中,我更改为Angular 4.0.0 rc-2,动画行为不一样。在Angular 2中,当CSS返回到“True”状态时,我能够恢复初始CSS值,但Angular 4不再是这种情况。有人能帮我吗 State on TRUE=>我想恢复初始CSS值 状态为False=>将宽度设置为100% 我有一个动画: trigger('flyInOutX', [ state('true', style({transform: 'translateX(0%)'})), s

我在Angular 2中,我更改为Angular 4.0.0 rc-2,动画行为不一样。在Angular 2中,当CSS返回到“True”状态时,我能够恢复初始CSS值,但Angular 4不再是这种情况。有人能帮我吗

State on TRUE=>我想恢复初始CSS值

状态为False=>将宽度设置为100%

我有一个动画:

trigger('flyInOutX', [
    state('true', style({transform: 'translateX(0%)'})),
    state('false', style({width: '100%', transform:'translateX(-245px)'})),
    transition('* => *', animate('300ms')),
]), 

动画状态必须是字符串值,因此使用布尔值将不起作用


如果您在模板中执行
[@flyInOutX]=“foo”
,请尝试改为执行
[@flyInOutX]=“foo?true':“false”

是否尝试将
宽度:“*”
设置为“true”状态?您应该知道angular团队将动画功能从
@angular/core
移动到
@angular/animations
,并且自从
4.0.0-rc.1
我尝试以来,动画方面存在很多问题,但这不起作用……迟做总比不做好!对于字符串值,您有权