在Angular 5中，应该如何对点击事件的数量进行分组，并仅在用户停止点击时发出一次

npm install rxjs

import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
import { fromEvent, interval } from 'rxjs';
import { buffer, debounceTime, map } from 'rxjs/operators';

@Component({
  selector: 'app-click-group',
  template: `
    <button #btn>Click me</button>
  `,
})
export class ClickGroupComponent implements OnInit {
  @ViewChild('btn') button: ElementRef;

  ngOnInit() {
    const buttonClicks = fromEvent(this.button.nativeElement, 'click');

    buttonClicks
      .pipe(
        buffer(buttonClicks.pipe(debounceTime(300))),
        map(clicks => clicks.length)
      )
      .subscribe(numClicks => {
        console.log(`Clicked ${numClicks} times`);
        // 在这里可以执行相应的操作，例如发送请求或更新UI
      });
  }
}