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

Question

What is the difference between

<input [(ngModel)]="name">

and

<input [(value)]="name">

They appear to do the same thing.

The angular docs are using NgModel but they also say that they replace all the angular1 directives with the "boxed banana" [()]. So why is NgModel still around?

What am I missing?

Answer 1

• 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"