Event Binding Angular — Angular

Angular menggunakan () untuk menangani event DOM. Event Dasar +1 Event Object export class AppComponent { onInput(event: Event) { const input = event.target as

Angular menggunakan () untuk menangani event DOM.

Event Dasar

<button (click)="increment()">+1</button>
<input (input)="onInput($event)" />

Event Object

export class AppComponent {
  onInput(event: Event) {
    const input = event.target as HTMLInputElement
    console.log(input.value)
  }
}

Template Statement

<button (click)="count = count + 1">+1</button>
<button (click)="show = !show">Toggle</button>

Event binding menggunakan tanda kurung () — kebalikan dari property binding [].

Yang akan kamu pelajari