bug(animations): false (0) state is being confused as "void" in transitions in 4.0.0-rc.4

[emoralesb05]

I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

The * auto-style wildcard stopped working when upgrading the @angular@4.0.0-rc.3 and the element keeps the opacity at 0 and display at none even after animating. (also the returning transition is not working)

e.g.

trigger('fade', [
    state('false', style({
      opacity: '0',
      display: 'none',
    })),
    state('true',  style({
      opacity: '*',
      display: '*',
    })),
    transition('0 => 1', animate('200ms ease-in')),
    transition('1 => 0', animate('200ms ease-out')),
  ])

Expected behavior
It was working in 2.X.X without any issues. Should set opacity to 0 and display to none when trigger is false and should set opacity and display to whatever it was when trigger is true while animating between opacity.

Minimal reproduction of the problem with instructions
Plnkr with issue: https://plnkr.co/edit/IGvg3RIcdVtfhOV9M0sI?p=preview

What is the motivation / use case for changing the behavior?
Working animations are broken now.

• Angular version: 4.0.0-rc.3

• Browser: all

[emoralesb05]

After digging around more, i notice that its confusing false with void in the transitions.

Notice the transitions are going from true to false and then void to true 🤔

Created a plnkr so its easier to notice:

https://plnkr.co/edit/xEeGUDk3ob4lR5x5mqMe?p=preview

[emoralesb05]

Renamed the issue since the * works fine, the problem is the confusion between false and "void"

[matsko]

This will be fixed tomorrow.

[emoralesb05]

Pulled rc.4 and still has the same error. 😞

[matsko]

This is now waiting to go in: #15245

[emoralesb05]

Awesome @matsko. looking forward for 4.0.0 😄

[matsko]

Just you wait until 4.1.0-beta and you'll get some crazy new stuff ;)

[emoralesb05]

Oh snap! extra excited 💥 haha

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}