Różnica między [(ngModel)] a [ngModel] dla wiązania stanu do właściwości?

Question

Oto przykład szablon:

<input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> 

<input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> 

Tutaj obaj robi to samo. Który z nich jest preferowany i dlaczego?

Answer 1

[(ngModel)]="overRideRate" jest skrótem od [ngModel]="overRideRate" (ngModelChange)="overRideRate = $event"

• [ngModel]="overRideRate" jest wiązanie overRideRate do input.value
• (ngModelChange)="overRideRate = $event" jest aktualizacja overRideRate o wartości input.value gdy zdarzenie change wydzielała się.

Razem są tym, co Angular2 zapewnia wiązanie w obie strony.

Answer 2

To dość proste [] => elementem do matrycy () => szablon do składnika [(ngModel)] jest zawarte forma [ngModel]="currentHero.name" (ngModelChange)="currentHero.name=$event">

bardziej szczegółowo: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel

Answer 3

[ngModel]="currentHero.name" jest składnia wiązanie jednokierunkowe, a dla wiązania dwukierunkowego jest jednokierunkowe, a składnia jest składnikiem z:

[ngModel]="currentHero.name" i (ngModelChange)="currentHero.name = $event"

Jeśli trzeba tylko przejść modelu, należy użyć pierwszego. Jeśli twój model potrzebuje nasłuchiwać zdarzeń zmiany (np. Gdy zmienia się wartość pola wejściowego), użyj drugiej.