Запускать анимацию Angular2 при смене предмета

Question

У меня есть следующий код:

<item-detail [item]="selectedItem"[@flyInOut]="'in'"></item-detail>

Всякий раз, когда selectedItem изменяется, я хочу сделать плавный переход между элементами.

Я решил попробовать это из документов:

animations: [
  trigger('flyInOut', [
    state('in', style({transform: 'translateX(0)'})),
    transition('void => *', [
      style({transform: 'translateX(-100%)'}),
      animate(100)
    ]),
    transition('* => void', [
      animate(100, style({transform: 'translateX(100%)'}))
    ])
  ])
]

но, к сожалению, анимация не сработает, похоже, что элемент не удаляется из вида (void), а только изменяется.

Есть ли способ настроить анимацию на срабатывание при изменении элемента?