TS7006：参数 'event' 隐式具有 'any' 类型

Question

在angular,

这是脚本

<button (click)="onClick($event)"> Greet </button>
     <button (click)="greeting='welcome' "> Greet </button> 
     {{greeting}}

这是事件逻辑

public greeting =""; 
 onClick(event) {
    console.log(event);
   this.greeting ='welcome';
  }

Answer 1

您可以使用的一些替代方法：

onClick(event: Event) {}

onClick(event: MouseEvent) {}

此外，如果您没有将参数事件用于任何用途，则可以将其删除。

onClick() { ... }

Answer 2

点击控制台上的那个按钮，我们可以看到PoinerEvent { isTrusted": true }

所以除了MouseEvent或Event你还可以使用：

onClick(event: PointerEvent) {}

查看 PointerEvent MDN 上的文档。 “此接口继承了 MouseEvent 和 Event 的属性。”

Answer 3

原因：如果您有机会在创建新项目时使用以前版本中的Angular，您可能会看到这样的问题。而这个问题非常重要。

修复：您可以遵循更严格的类型检查规则或手动将更严格的类型检查切换为 false。它对我有用。

TS7006: Parameter 'event' implicitly has an 'any' type