title: adding an angular animation to a host element
body: <p>i added an animation to the host via </p>
  
  <pre><code>@Component({
     ....,
     animations: [
        trigger('slideIn', [
            ...
        ])
     ],
     host: {
        '[@animation]': 'condition'
     }
  }
  </code></pre>
  
  <p>which worked well, on compilation i was told this is deprecated and i should use @HostBinding ... </p>
  
  <pre><code>@HostBinding('[@animation]') get slideIn() {
     return condition;
  }
  </code></pre>
  
  <p>which throws me an error </p>
  
  <pre><code>Can't bind to '[@animation' since it isn't a known property of 'my-component-selector'.
  </code></pre>
  
  <p>but i cannot add an animation into my module.. what can i do ?</p>