Angular 4动画不会恢复初始CSS值

Question

我在Angular 2中，我更改为Angular 4.0.0 rc-2，动画行为不同。在Angular 2中，当它返回到"True“状态时，我可以恢复初始的CSS值，但Angular 4的情况不再是这样。有人能帮助我吗？

状态为真的=>，我想恢复初始的CSS值

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

我有这个动画：

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

Answer 1

动画状态需要是字符串值，所以使用布尔值将不起作用。

如果您在模板中执行[@flyInOutX]="foo"，请尝试执行[@flyInOutX]="foo ? 'true' : 'false'"。