Angular 在子组件中监听外层组件滚动的方法

• 方法一 - renderer2.listen
  • 　　

        const listenerHost = document.querySelector("app-location-flyout");
        console.log(listenerHost);
        this.renderer2.listen(listenerHost, 'scroll', (e) => {
          console.log(e);
        });

     

• 方法二 - rxjs  FromEvent

    destory = new Subject();
    destory$ = this.destory.asObservable();    
  
  
  
  fromEvent(listenerHost, 'scroll').pipe(
        takeUntil(this.destory$)
      ).subscribe((e) => {
        console.log(e);
      })
  
  
    ngOnDestroy(): void {
      this.destory.next();
    }