Event object and parameters in Angular template
You can combine the $event variable with other parameters. The order does not matter - Angular will insert the event object into the parameter where $event is written.
Let's look at an example. We'll pass a string and an object with an event as parameters:
<button (click)="show('eee', $event)">
button
</button>
Let's catch what was passed in the parameters of the component class method:
export class AppComponent {
public show(arg: string, event: MouseEvent): void {
console.log(event);
}
}
Catch the passed parameters in variables:
<button (click)="show('eee', 123, $event)">
button
</button>