`[(ngModel)]` vs `[(value)]`
AngularAngular Problem Overview
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?
Angular Solutions
Solution 1 - Angular
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"