angular: RC4. Animation. void => * animation is not fired on component detach

I’m submitting a … (check one with “x”)

[ x] bug report
[ ] 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 It looks like * => void animation is not fired when I try to detach a component through ViewContainerRef.detach().

I have the following animation defined for my component:

        trigger("appear", [
            transition('* => void', [
                style({ opacity: 1 }),
                animate(".2s cubic-bezier(0.25, 0.8, 0.25, 1)", style({opacity: 0}))
            ]),
            transition('void => *', [
                style({opacity: 0}),
                animate(".2s cubic-bezier(0.25, 0.8, 0.25, 1)", style({opacity: 1}))
            ])
        ])

I dynamically create the component using ViewContainerRef.createComponent() and entering animation works fine.

Then when I remove component using ViewContainerRef.detach() or ViewContainerRef.clear() leave animation is not fired.

Expected/desired behavior Leave animation is fired on ViewContainerRef.detach()

Environment:

• Chrome: 52.0.2743.116
• OS: Windows 10 + Anniversary Update
• Angular: 2.0.0-rc4