在Angular中，可以使用@HostListener装饰器来添加监听器事件。下面是一个例子：

1. 首先，在组件类中导入@HostListener装饰器：

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

2. 然后，在组件类中添加一个方法，并使用@HostListener装饰器来监听事件。以下示例展示了如何监听鼠标点击事件：

@Component({
  selector: 'app-my-component',
  template: 'Click Me'
})
export class MyComponent {
  onClick() {
    console.log('Button clicked!');
  }

  @HostListener('document:click', ['$event'])
  onDocumentClick(event: MouseEvent) {
    console.log('Document clicked!', event);
  }
}

在上面的例子中，@HostListener装饰器被用于监听document的点击事件。当点击页面中的任何地方时，onDocumentClick方法会被调用，并且会打印出相应的消息和事件对象。

请注意，@HostListener装饰器的第一个参数是用于监听的事件名称，可以是DOM事件或自定义事件。第二个参数是一个可选的数组，用于传递事件对象到方法中。

希望这个例子能帮助你理解如何在Angular中添加监听器事件。