एक मेजबान तत्व

Question

को एक कोणीय एनीमेशन जोड़ने मैं

@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'. 

लेकिन मैं अपने मॉड्यूल में एक एनीमेशन नहीं जोड़ सकते फेंकता है .. मैं क्या कर सकता है?

Answer 1

वर्ग कोष्ठक दो सज्जाकार @HostBinding() और @HostListener() हैं इसलिए () और [] के बीच अंतर यह है, जबकि जब host: [...] प्रयोग किया जाता है, आवश्यक नहीं है @HostBinding()

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

साथ आवश्यक नहीं हैं।