angular - 组件内文档上的Angular 2事件侦听器

Question

mouseup如何在可以由所有文档触发的组件内以角度 2设置事件侦听器 ( )？回调函数将调用组件内部的函数

像这样的东西（在 Javascript 中）：

document.addEventListerner('mouseup', function(){
    if( condition ){
       // code ..
    }
});

标签： angulartypescript

Answer 1

https://stackblitz.com/edit/angular-host-listener-mouseup?file=src%2Fapp%2Fapp.component.ts

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  @HostListener('window:mouseup', ['$event'])
  onMouseUp(event) {
    console.log(event);
  }

}