thêm một hình ảnh động góc tới một yếu tố chủ

Question

tôi đã thêm một hình ảnh động để lưu trữ thông qua

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

mà làm việc tốt, trên biên soạn tôi đã nói điều này bị phản đối và tôi nên sử dụng @HostBinding ...

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

mà ném cho tôi một lỗi

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

nhưng tôi không thể thêm một hình ảnh động vào mô-đun của tôi .. những gì tôi có thể làm gì?

Answer 1

Các dấu ngoặc vuông là không cần thiết với @HostBinding()

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

Có hai trang trí @HostBinding() và @HostListener() do đó sự phân biệt giữa () và [] là không cần thiết, trong khi nó là khi host: [...] được sử dụng.