Unable to removeEventListener in angular指令

import { Directive, ElementRef, HostListener, OnDestroy } from '@angular/core';

@Directive({
  selector: '[appCustomDirective]'
})
export class CustomDirective implements OnDestroy {
  constructor(private elementRef: ElementRef) {}

  ngOnInit() {
    this.elementRef.nativeElement.addEventListener('click', this.handleClick);
  }

  ngOnDestroy() {
    this.elementRef.nativeElement.removeEventListener('click', this.handleClick);
  }

  @HostListener('click')
  handleClick() {
    // 处理点击事件的逻辑
  }
}