angular 2 ngIf and CSS transition/animation

Question

I want a div to slide in from the right in angular 2 using css.

Answer 1

In my case I declared the animation on the wrong component by mistake.

app.component.html

The animation needs to be declared on the component where the element is used in (appComponent.ts). I was declaring the animation on OrderDetailsComponent.ts instead.

Hopefully it will help someone making the same mistake