angular - 向宿主元素添加 Angular 动画

我通过添加了动画到主机

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

在编译时效果很好，有人告诉我这已被弃用，我应该使用@HostBinding ...

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

这给我一个错误

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

但是我不能在模块中添加动画。我该怎么办？

最佳答案

@HostBinding()不需要方括号

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

有两个修饰符@HostBinding()和@HostListener()，因此不需要使用()区分[]和host: [...]。