CODEWITHSUNDEEP
angular
Snæbjørn
Snæbjørn

Reputation: 10792

`[(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?

Upvotes: 70

Views: 36640

Answers (1)

G&#252;nter Z&#246;chbauer
G&#252;nter Z&#246;chbauer

Reputation: 657486

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

Upvotes: 98

Related Questions