Bonjour,

j'ai un petit problème avec l'animation que voici:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
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)'}))
        ]),
    ])
]
Appelé comme suit:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div class="cars-popin-wrap" [@toggle]="stateToggle" > 
 <router-outlet></router-outlet>
</div>
Elle fonctionne sous Angular 2 mais plus sous la 4

Quelqu'un sait comment résoudre ce probléme?

Par avance, merci