Angular animation not working in IE edge : <p>I added an animation to my component in Angular. However the animation WORKS FINE in Chrome and Firefox, but in IE Edge the animation is NOT triggerd although the styles are applied correctly on state change, but just without specified animation.</p>

<p>Does anyone have the same issue?</p>

<p>Here is my code:</p>

<pre><code>animations: [
    trigger('rowState', [
        state('collapsed', style({
            'height': 0,
            'overflow-y': 'hidden'
        })),
        state('expanded', style({
            'height': '*',
            'overflow-y': 'hidden'
        })),
        transition('collapsed &lt;=&gt; expanded', [animate('1000ms ease-out')])
    ])
]
</code></pre>

<p>Thanks in advance</p>
