Languages
[Edit]
EN

Angular 7 - pass event with button on click

14 points
Created by:
Root-ssh
6589

1. Problem

How to pass event from onclick in html template to type script component in angular 7?

2. Solution

app.component.html

<button (click)="onClickMeWithEvent($event)">Click with event</button>

app.component.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent {

  onClickMeWithEvent(event) {
    // MouseEvent {isTrusted: true, screenX: 234, ...
    console.log(event);
  }
}
Hey 👋
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.