如何在angular 5中点击滚动条触发事件

在Angular 5中，可以通过使用HostListener装饰器来监听滚动条的点击事件。下面是一个示例代码：

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

@Component({
  selector: 'app-scroll',
  template: `
    <div class="scroll-container" (click)="onScrollClick()">
      <!-- 滚动内容 -->
    </div>
  `,
  styles: [`
    .scroll-container {
      height: 200px;
      overflow-y: scroll;
    }
  `]
})
export class ScrollComponent {
  @HostListener('click', ['$event.target'])
  onScrollClick(target: HTMLElement) {
    // 在这里处理滚动条点击事件
    console.log('滚动条被点击了');
  }
}

在上面的代码中，我们使用了HostListener装饰器来监听click事件，并通过$event.target参数获取到被点击的元素。然后在onScrollClick方法中可以处理滚动条点击事件。

请注意，上述代码只是一个示例，你可以根据实际需求进行修改和扩展。关于Angular 5的更多信息和使用方法，你可以参考Angular官方文档。