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

Add a global event target like

to listen to events globally. (body and document work as well).

This works of course also in the components class

@HostListener('window:mouseup', ['$event'])
mouseUp(event){}