0
462
ViewsTS7006: Parameter 'event' implicitly has an 'any' type
In angular,
This is script
<button (click)="onClick($event)"> Greet </button>
<button (click)="greeting='welcome' "> Greet </button>
{{greeting}}
This is event Logic
public greeting ="";
onClick(event) {
console.log(event);
this.greeting ='welcome';
}
·
Juan Pablo Isaza
3 answers
Answer question0
Some alternatives you can use:
onClick(event: Event) {}
onClick(event: MouseEvent) {}
Also, if you are not using the parameter event for anything, you can remove it.
onClick() { ... }
·
Juan Pablo Isaza
Report
0
Reason: If you have any chance to use Angular in previous versions when you create a new project you might see some question like this. And this question is very important.
Fix:
You can either follow the stricter type checking rule or manually switch the stricter type checking to false. It worked for me.
·
Juan Pablo Isaza
Report
0
On click of that button on console, we can see PoinerEvent { isTrusted": true }
So in addition to MouseEvent or Event you can also use:
onClick(event: PointerEvent) {}
Check the docs at PointerEvent MDN. "This interface inherits properties from MouseEvent and Event."
·
Juan Pablo Isaza
Report
Answer question