Как в Angular 2 повесить анимацию на host?

Question

[Malkolm]

Подскажите кто нибудь, как повесить анимацию на host
вариант с тем чтобы обернуть контент в тег и уже на него вешать анимацию как обычно не рассматривается, нужно именно на хост

@Component({...})
export class SomeClass{
...
}

может через хост биндер как то можно или в аннотации или через рендерер?
Спасибо откликнувшимся))

Answer 1

[Malkolm]

пипец, оказалось все банальнее чем казалось сначала (просто почему то раньше не работало)

просто в декораторе компонента надо написать

host: {
    "[@state]":"visible?'expanded':'collapsed'"
  },

и естественно сама анимация:

animations: [
      trigger('state', [
          state('collapsed',  style({})),
          state('expanded',   style({})),
          transition('*<=>*', animate(300))
      ])
  ]