title: animation on angular 4 doesn't seem to have transition effect
body: <pre><code>trigger('expandCollapse', [
              state('open', style({
                  'height': '*'
              })),
              state('close', style({
                  'height': '0px'
              })),
              transition('open &lt;=&gt; close', animate(1000))
          ])
  </code></pre>
  
  <p>using this code to animate expand collapse, the expand collapse works fine but there is no animation on height using angular animation framework 4.3.1</p>
  
  <p><a href="https://plnkr.co/edit/tY4z1QPvdKMeU6M82cTF?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/tY4z1QPvdKMeU6M82cTF?p=preview</a></p>
  
  <p>created a small demo for the same</p>