Angular中点击事件代码触发TS7006：参数'event'隐式具有'any'类型错误的技术咨询

这个错误是TypeScript严格类型检查机制在起作用——当你不给函数参数指定明确类型时，它会默认推断为any，但在开启了strict（或noImplicitAny）模式的项目里，这种隐式any是不被允许的。针对你的Angular点击事件场景，有几种实用的解决方式：

1. 给event参数指定明确的DOM事件类型 #

Angular原生按钮的点击事件对应DOM的鼠标点击事件，最准确的做法是把参数类型设为MouseEvent：

public greeting = "";

onClick(event: MouseEvent) {
  console.log(event);
  this.greeting = 'welcome';
}

这样不仅能消除错误，TypeScript还会给你提供事件对象的智能提示（比如event.target、event.clientX等属性），让代码更严谨。如果是自定义组件的点击事件，你可以根据实际事件对象的类型来替换，比如自定义的CustomClickEvent。

2. 不需要event参数时直接省略它 #

如果你的onClick函数里根本用不到event对象（比如只是单纯设置greeting），直接去掉参数就行：

public greeting = "";

onClick() {
  this.greeting = 'welcome';
}

对应的模板代码<button (click)="onClick($event)"> Greet </button>可以保持不变，Angular会自动忽略未被使用的参数，不会触发错误。

3. 临时忽略类型检查（不推荐） #

如果你只是想快速绕过错误（不建议长期这么做，会失去TypeScript类型检查的优势），可以用// @ts-ignore注释忽略当前行的错误：

public greeting = "";

// @ts-ignore
onClick(event) {
  console.log(event);
  this.greeting = 'welcome';
}

另外，也可以修改tsconfig.json把noImplicitAny设为false，但这会降低整个项目的类型安全性，大型项目里不建议这么做。

内容的提问来源于stack exchange，提问作者Prasad