Conditional Event Binding in Angular2

[Cagatay Civici]

Hi,

Is it possible to bind an event based on a condition.

<div (mouseenter)="handleMouseEnter($event)"></div>

But I want to bind this if a certain boolean condition is true.

Regards,

Cagatay

[Eric Martinez]

constructor(renderer: Renderer, elementRef: ElementRef) {


 if(myCondition) {
       renderer.listen(elementRef.nativeElement, 'mouseenter', () => {
          console.log('Callback');
       });
 }


}

I don't think there's a way of doing it conditionally in the view. Another way is adding the condition in the function itself.

See this answer http://stackoverflow.com/questions/35080387/dynamically-add-event-listener-in-angular-2/35082441

[Cagatay Civici]

Thanks, I ended up checking the condition inside the event.