Two-way binding menghubungkan data dua arah antara komponen dan template.

[(ngModel)]

import { FormsModule } from "@angular/forms"

@Component({
  imports: [FormsModule],
  template: `
    <input [(ngModel)]="nama" />
    <p>Halo, {{ nama }}!</p>
  `,
})
export class AppComponent {
  nama = ""
}

Banana in a Box [()]

[(ngModel)] adalah shorthand untuk:

<input [ngModel]="nama" (ngModelChange)="nama = $event" />

FormsModule

Untuk menggunakan ngModel, import FormsModule di komponen standalone atau module.