更新 angular 2.3 => 4.1.3 动画损坏

Question

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

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 中有效，但在 angular4 中无效。我将动画从 'core' 更改为 'animations' 但没有任何变化。

有人知道我怎么解决吗？

谢谢

Answer 1

感谢 Bob 在上的回答：

你可以通过从我的 app.module.ts

中删除 NoopAnimationsModule 来解决它

更新 angular 2.3 => 4.1.3 动画损坏

Update angular 2.3 => 4.1.3 animations broken

angular

angular-animations