(单击)事件在Chrome over select的选项上不起作用- Angular 12

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  // Component code here
}

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html'
})
export class ExampleComponent {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  ngAfterViewInit() {
    const selectElement = this.el.nativeElement.querySelector('select');
    this.renderer.listen(selectElement, 'change', (event) => {
      // Event handling code here
    });
  }
}