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

Angular

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionSn&#230;bj&#248;rnView Question on Stackoverflow
Solution 1 - AngularGünter ZöchbauerView Answer on Stackoverflow