1. ホーム
  2. angular

[解決済み] プロパティに状態をバインドするための[(ngModel)]と[ngModel]の違い?

2022-03-01 06:28:24

質問

以下はテンプレートの例です。

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

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

ここでは、どちらも同じことを行っています。どちらが好ましいですか?

解決方法は?

[(ngModel)]="overRideRate" の短縮形です。 [ngModel]="overRideRate" (ngModelChange)="overRideRate = $event"

  • [ngModel]="overRideRate" をバインドすることです。 overRideRateinput.value
  • (ngModelChange)="overRideRate = $event" を更新することです。 overRideRate の値で input.value を指定すると change イベントが発行されました。

これらを合わせると、Angular2が提供する双方向バインディングになります。