Event Handling

import {Component} from '@angular/core';
 
@Component({
  selector: 'app-root',
  template: `
    <section (mouseover)="onMouseOver()">
      There's a secret message for you, hover to reveal 👀
      {{ message }}
    </section>
  `,
  standalone: true,
})
export class AppComponent {
  message = '';
 
  onMouseOver() {
    this.message = this.message + 'F'
  }
}
 

In Angular, register event need use () .