ajoutant une animation angulaire à un élément hôte

Question

i ajouté une animation à l'hôte via

@Component({ 
    ...., 
    animations: [ 
     trigger('slideIn', [ 
      ... 
     ]) 
    ], 
    host: { 
     '[@animation]': 'condition' 
    } 
} 

qui a bien fonctionné, sur la compilation, on m'a dit cela est dépréciée et que je devrais utiliser @HostBinding ...

@HostBinding('[@animation]') get slideIn() { 
    return condition; 
} 

qui me renvoie une erreur

Can't bind to '[@animation' since it isn't a known property of 'my-component-selector'. 

mais je ne peux pas ajouter une animation dans mon module .. que puis-je faire?

Answer 1

Les crochets ne sont pas nécessaires avec @HostBinding()

@HostBinding('@slideIn') get slideIn() { 

Il y a deux décorateurs @HostBinding() et @HostListener() donc la distinction entre () et [] n'est pas nécessaire, alors qu'il est quand host: [...] est utilisé.