`[(ngModel)]` vs `[(value)]`
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?
-
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"