Angular 5中的mouseup侦听器

Question

我如何实现这个jQuery

$(document).mouseup(function (e) {
    var container = $("#post-emoji-picker");
    // if the target of the click isn't the container nor a descendant of the container
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        container.hide();
        this.toggled = false; //angular didn't compile this
    }
});

到角度事件监听器

Answer 1

添加一个全局事件目标，例如

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

全局收听事件。 （正文和文档也是如此）。

这当然也可以在组件类中使用

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