Angular2 Animation for simple hover, without any state change
<p>I need help with ng2 animate. I need to prepare simple hover effect based on this:</p>

<pre><code>@Component({
    selector: 'category',
    template : require('./category.component.html'),
    styleUrls: ['./category.component.scss'],
    animations: [
        trigger('albumState', [
            state('inactive', style({
                bottom: '0px'
            })),
            state('active', style({
                bottom: '200px'
            })),
            transition('inactive =&gt; active', animate('100ms ease-in')),
            transition('active =&gt; inactive', animate('100ms ease-in'))
        ])
    ]
})
</code></pre>

<p>I need a hint how can I assign that to the template? On Ng2 Docs, we have implementation base on object parameter. I don't need to change any parameter of my </p>

<pre><code>item/object/album 
</code></pre>

<p>from the <strong>category</strong>, just want assign animation to template.</p>

<p>Regards!
Greg</p>