Handling User Clicks

Snippet

Handling User Clicks

Event binding in Angular lets you listen for and respond to user actions like button clicks by calling a function in your TypeScript class.

snippet.js
javascript
export class ActionComponent {
  onSave() {
    console.log('Data saved successfully!');
  }
}
 
<!-- Template -->
<button (click)="onSave()">Save</button>

angular

Breakdown

onSave() { ... }

A method defined in the class to execute logic when called.

(click)="onSave()"

The parentheses indicate event binding, linking the DOM click event to the component method.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

Handling User Clicks

Related