`[(ngModel)]` vs `[(value)]`

  • ngModel is a directive that allows your input to participate in a form (but works also without a form)
  • value is a property you can bind a value to with [value]="name" while (valueChange)="..." doesn’t work, because the <input> element doesn’t have an @Output() valueChange; therefore [(value)]="..." is invalid.

[(ngModel)]="name" is the shorthand for [ngModel]="name" (ngModelChange)="name = $event" as is [(value)]="name" for [value]="name" (valueChange)="name = $event"

Leave a Comment