How to get mouseup outside of the component in Angular 2

Question

I have a abc component (part of the page). It has an event mouseup.

@Component({
    selector: \'abc-component\'
})
@View({
    


        
      

Answer 1

Inside the component its preferred to do as follow:

@HostListener('document:mouseup', ['$event'])
onMouseUp(event: MouseEvent) {
  ...
}

in this way you won't need to remove the event on ngDestroy