Question

我大家好我的动画有点问题：

animations: [
    trigger('toggle', [
        state('shown', style({transform: 'translate3d(0,0,0)'})),
        transition('hidden => *', [
            animate('300ms cubic-bezier(0.5, 0.130, 0.5, 0.950)', style({transform: 'translate3d(0,0,0)'}))
        ]),
        transition('* => shown', [
            animate('300ms cubic-bezier(0.5, 0.130, 0.5, 0.950)', style({transform: 'translate3d(0,0,0)'}))
        ]),
        transition('shown => hidden', [
            animate('300ms cubic-bezier(0.5, 0.130, 0.5, 0.950)', style({transform: 'translate3d(100%,0,0)'}))
        ]),
    ])
]

这样打电话：

<div class="cars-popin-wrap" [@toggle]="stateToggle" > 
 <router-outlet></router-outlet>
</div>

它在angular2中工作，但在角度4中不起作用。我改变了'核心＆＃39;的动画。到动画＆＃39;但没有改变。

任何人都知道如何解决它？

由于

Answer 1

感谢Bob在Angular 4 animations - transition duration is not applied上的回答：

您可以从我的.present?

中删除NoopAnimationsModule来解决此问题

更新角度2.3 =＆gt; 4.1.3动画破碎

1 个答案: