如何在Angular 2中的组件外部获取mouseup

我有一个abc组件(页面的一部分).它有一个事件mouseup.

@Component({
    selector: 'abc-component'
})
@View({
    <div (mousedown)="mouseDown()" (mouseup)="mouseUp()"></div>
})
export class ScheduleComponent {
    mouseDown(){
        //doSomthing
    }
    mouseUp(){}
}

但只有当鼠标在< div>内时,mouseup事件才能触发.如何在< div>之外触发事件？

我是否必须将(mouseup)=“mouseUp()”移动到app.ts然后使用像@Output或service这样的东西让app.ts知道？还有其他方法吗？

谢谢

添加一个全局事件目标,如

<div (window:mousedown)="mouseDown()" (window:mouseup)="mouseUp()"></div>

全球听取事件. (身体和文件工作).

这当然也适用于组件类

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

如何在Angular 2中的组件外部获取mouseup

相关文章