Angular: event.srcElement没有指向预期的元素

Angular是一种流行的前端开发框架，用于构建单页应用程序。它采用TypeScript编写，并由Google维护和支持。Angular具有丰富的功能和强大的工具集，可以帮助开发人员构建高性能、可扩展和可维护的Web应用程序。

对于你提到的问题，event.srcElement是一个DOM事件属性，用于获取触发事件的元素。然而，在Angular中，推荐使用event.target代替event.srcElement来获取触发事件的元素。

event.target是DOM事件属性，指向触发事件的元素。它是跨浏览器兼容的，可以在各种现代浏览器中正常工作。

在Angular中，可以通过以下方式来获取触发事件的元素：

在HTML模板中，可以使用事件绑定语法来调用组件中的方法，并传递$event参数来获取事件对象。例如：

<button (click)="handleClick($event)">点击我</button>

在组件中，可以通过$event.target来获取触发事件的元素：

handleClick(event: any) {
  const targetElement = event.target;
  // 处理触发事件的元素
}

在组件中，可以使用@ViewChild装饰器来获取DOM元素的引用，并在需要时访问其属性。例如：

<button #myButton>点击我</button>

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

@Component({
  selector: 'app-my-component',
  template: `
    <button #myButton>点击我</button>
  `
})
export class MyComponent {
  @ViewChild('myButton') myButton!: ElementRef;

  ngAfterViewInit() {
    const targetElement = this.myButton.nativeElement;
    // 处理触发事件的元素
  }
}

需要注意的是，event.srcElement在某些浏览器中可能不被支持，因此在Angular中推荐使用event.target来获取触发事件的元素。

关于Angular的更多信息和学习资源，你可以参考腾讯云的Angular产品介绍页面：Angular产品介绍。